/* ===== 合拍默契测评 H5 · V2 轻奢星空金主题 ===== */
* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { font-size:16px; }
body {
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
  background:linear-gradient(170deg,#0d0618 0%,#160a28 45%,#1a0b2e 100%);
  background-attachment:fixed;
  color:#f3eefc;
  min-height:100vh;
  overflow-x:hidden;
}

/* 星云紫光晕 */
.bg-glow { position:fixed; border-radius:50%; filter:blur(90px); pointer-events:none; z-index:0; }
.glow-a { width:320px; height:320px; top:-90px; right:-90px;
  background:radial-gradient(circle,rgba(124,58,237,.5),rgba(124,58,237,0) 70%); }
.glow-b { width:280px; height:280px; bottom:-70px; left:-80px;
  background:radial-gradient(circle,rgba(192,38,211,.38),rgba(192,38,211,0) 70%); }
.glow-c { width:260px; height:260px; top:38%; left:55%;
  background:radial-gradient(circle,rgba(231,84,128,.22),rgba(231,84,128,0) 70%); }

/* 星粒子（JS 生成多层 box-shadow 点画 + 闪烁） */
.stars { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.star-dot { position:absolute; border-radius:50%; background:#fdf3d8; animation:twinkle 3s ease-in-out infinite; }
@keyframes twinkle { 0%,100% { opacity:.15; } 50% { opacity:.9; } }

.phone { max-width:420px; margin:0 auto; padding:0 16px 32px; position:relative; z-index:1; min-height:100vh; }
.page { animation:fadeIn .32s ease; padding-top:18px; }
@keyframes fadeIn { from { opacity:0; transform:translateY(10px);} to { opacity:1; transform:none;} }
.hidden { display:none !important; }

/* ===== 文字 ===== */
.grad-text {
  background:linear-gradient(180deg,#fdf3d8,#f0d9a8 55%,#d4af37);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
h1.hero { font-size:2.1rem; text-align:center; letter-spacing:3px; margin:36px 0 10px; font-weight:900;
  text-shadow:0 0 30px rgba(240,217,168,.18); }
.subtitle { text-align:center; color:#c9b8e8; font-size:.92rem; margin-bottom:24px; line-height:1.7; }
h2.sec-title { font-size:1.12rem; margin:24px 0 12px; font-weight:700; color:#f0d9a8; }
.muted { color:#a795cc; font-size:.82rem; line-height:1.6; }
.center { text-align:center; }

/* ===== 卡片：深色半透明 + 金边 + 毛玻璃 ===== */
.card {
  background:rgba(20,12,35,.7);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(240,217,168,.28);
  border-radius:20px;
  padding:18px;
  margin-bottom:14px;
  box-shadow:0 8px 28px rgba(5,1,16,.55);
}
.card-title { font-size:1rem; font-weight:700; margin-bottom:10px; color:#f0d9a8; }

/* ===== 按钮 ===== */
.btn {
  display:block; width:100%; border:none; cursor:pointer;
  padding:14px 20px; border-radius:999px;
  font-size:1rem; font-weight:700; letter-spacing:1px;
  transition:transform .12s ease, box-shadow .2s, opacity .2s;
  text-align:center; font-family:inherit;
}
.btn:active { transform:scale(.96); }
.btn-primary {
  background:linear-gradient(180deg,#fdf6e3,#f0d9a8 55%,#e5c67e);
  color:#3b2a10;
  box-shadow:0 6px 22px rgba(240,217,168,.35), 0 0 14px rgba(212,175,55,.25);
}
.btn-primary:disabled { opacity:.45; box-shadow:none; cursor:not-allowed; }
.btn-ghost {
  background:rgba(240,217,168,.06); color:#f0d9a8;
  border:1px solid rgba(240,217,168,.35);
}
.btn-wx {
  background:linear-gradient(180deg,#fdf6e3,#f0d9a8 55%,#e5c67e); color:#3b2a10;
  box-shadow:0 8px 26px rgba(240,217,168,.4), 0 0 18px rgba(212,175,55,.3);
  font-size:1.05rem; padding:16px 20px;
}
.btn-sm { padding:9px 16px; font-size:.85rem; width:auto; display:inline-block; }
.btn-row { display:flex; gap:10px; }
.btn-row .btn { flex:1; }
.mt8{margin-top:8px;} .mt12{margin-top:12px;} .mt16{margin-top:16px;} .mt24{margin-top:24px;}

/* ===== 表单 ===== */
.input, textarea.input, select.input {
  width:100%; padding:12px 14px; border-radius:12px;
  background:rgba(255,255,255,.06); border:1px solid rgba(240,217,168,.22);
  color:#f3eefc; font-size:.95rem; font-family:inherit; outline:none;
  transition:border-color .2s;
}
.input:focus { border-color:#d4af37; }
.input::placeholder { color:#8d7ab3; }
select.input option { background:#1a0b2e; color:#f3eefc; }
label.f-label { display:block; font-size:.88rem; color:#e9d5a8; margin:14px 0 8px; font-weight:600; }

/* ===== 头像 ===== */
.avatar {
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:1.5rem; flex-shrink:0; border:2px solid rgba(240,217,168,.45);
  box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 10px rgba(240,217,168,.15);
  overflow:hidden; background-size:cover; background-position:center;
}
img.avatar { object-fit:cover; }
.avatar-lg { width:76px; height:76px; font-size:2.2rem; }
.avatar-md { width:52px; height:52px; font-size:1.5rem; }
.avatar-sm { width:40px; height:40px; font-size:1.1rem; }
.avatar-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.avatar-opt { width:100%; aspect-ratio:1; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:1.7rem; cursor:pointer; border:3px solid transparent; transition:transform .15s, border-color .15s;
  overflow:hidden; background-size:cover; background-position:center; }
.avatar-opt img { width:100%; height:100%; object-fit:cover; }
.avatar-opt.on { border-color:#d4af37; transform:scale(1.08); box-shadow:0 0 16px rgba(212,175,55,.55); }
.avatar-upload {
  width:100%; aspect-ratio:1; border-radius:50%; cursor:pointer;
  border:2px dashed rgba(240,217,168,.5); color:#f0d9a8;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  font-size:.62rem; gap:2px; background:rgba(240,217,168,.05); overflow:hidden;
  background-size:cover; background-position:center;
}
.avatar-upload .up-ico { font-size:1.3rem; }
.avatar-upload.on { border-style:solid; border-color:#d4af37; box-shadow:0 0 16px rgba(212,175,55,.55); }
.avatar-upload img { width:100%; height:100%; object-fit:cover; }

/* ===== 标签 chips ===== */
.chips { display:flex; flex-wrap:wrap; gap:10px; }
.chip {
  padding:8px 16px; border-radius:999px; font-size:.85rem; cursor:pointer;
  background:rgba(255,255,255,.06); border:1px solid rgba(240,217,168,.2); color:#d9ccf2;
  transition:all .15s;
}
.chip.on { background:linear-gradient(90deg,rgba(212,175,55,.3),rgba(231,84,128,.25)); border-color:#d4af37; color:#fdf3d8; }
.chip.static { cursor:default; font-size:.75rem; padding:5px 12px; }

/* ===== 单选段 ===== */
.seg { display:flex; gap:10px; }
.seg-item { flex:1; text-align:center; padding:11px 0; border-radius:12px; cursor:pointer;
  background:rgba(255,255,255,.06); border:1px solid rgba(240,217,168,.2); transition:all .15s; }
.seg-item.on { background:linear-gradient(90deg,rgba(212,175,55,.32),rgba(231,84,128,.26)); border-color:#d4af37; color:#fdf3d8; font-weight:700; }

/* ===== 答题 ===== */
.quiz-top { display:flex; justify-content:space-between; align-items:center; margin-top:6px; }
.quiz-count { color:#f0d9a8; font-weight:700; font-size:.95rem; letter-spacing:1px; }
.progress { height:8px; border-radius:99px; background:rgba(255,255,255,.1); overflow:hidden; margin:10px 0 6px; }
.progress-bar { height:100%; border-radius:99px; background:linear-gradient(90deg,#d4af37,#f0d9a8,#fdf3d8);
  box-shadow:0 0 10px rgba(212,175,55,.6); transition:width .3s ease; }
.q-title { font-size:1.14rem; font-weight:700; line-height:1.5; margin:16px 0 18px; color:#fdf3d8; }
.opt-item {
  padding:14px 16px; border-radius:14px; margin-bottom:10px; cursor:pointer;
  background:rgba(20,12,35,.6); border:1px solid rgba(240,217,168,.2);
  transition:all .15s; display:flex; align-items:center; gap:10px; font-size:.95rem;
}
.opt-item:active { transform:scale(.98); }
.opt-item.on { background:linear-gradient(90deg,rgba(212,175,55,.26),rgba(231,84,128,.2));
  border-color:#f0d9a8; box-shadow:0 0 16px rgba(212,175,55,.35); }
.opt-key { width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; font-size:.8rem; flex-shrink:0; }
.opt-item.on .opt-key { background:linear-gradient(180deg,#fdf6e3,#e5c67e); color:#3b2a10; font-weight:700; }
.opt-img-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.opt-img {
  border-radius:16px; padding:20px 10px 14px; text-align:center; cursor:pointer;
  border:2px solid rgba(240,217,168,.3); transition:all .15s; position:relative; overflow:hidden;
}
.opt-img .emo { font-size:2.4rem; display:block; margin-bottom:8px; filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)); }
.opt-img .lb { font-size:.88rem; font-weight:600; }
.opt-img.on { border-color:#fdf3d8; transform:scale(1.03);
  box-shadow:0 0 20px rgba(212,175,55,.55), inset 0 0 18px rgba(255,255,255,.12); }
.quiz-confirm { margin-top:18px; }
.quiz-prev { background:none; border:none; color:#a795cc; font-size:.82rem; cursor:pointer;
  display:block; margin:14px auto 0; text-decoration:underline; font-family:inherit; }

/* ===== 报告 ===== */
.score-big { font-size:4.6rem; font-weight:900; text-align:center; line-height:1.1; }
.score-ring { width:190px; height:190px; margin:14px auto; border-radius:50%; display:flex; flex-direction:column;
  align-items:center; justify-content:center; position:relative;
  background:conic-gradient(#d4af37,#f0d9a8,#e75480,#c084fc,#d4af37); padding:6px;
  box-shadow:0 0 30px rgba(212,175,55,.3); }
.score-ring-inner { width:100%; height:100%; border-radius:50%; background:#160a28; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.duo { display:flex; align-items:center; justify-content:center; gap:18px; margin:16px 0; }
.duo .heart { font-size:1.6rem; animation:beat 1.4s infinite; }
@keyframes beat { 0%,100%{transform:scale(1);} 50%{transform:scale(1.25);} }
.duo-name { text-align:center; font-size:.85rem; margin-top:6px; color:#e9d5a8; }

/* ===== 首页双人剪影视觉 ===== */
.duo-visual { position:relative; height:230px; margin:6px 0 22px; }
.duo-ring { position:absolute; left:50%; top:50%; transform:translate(-50%,-52%);
  width:220px; height:220px; border-radius:50%;
  border:2px solid rgba(240,217,168,.5);
  box-shadow:0 0 34px rgba(212,175,55,.35), inset 0 0 34px rgba(212,175,55,.18);
  animation:ringPulse 3.2s ease-in-out infinite; }
.duo-ring.r2 { width:176px; height:176px; border-color:rgba(231,84,128,.4);
  box-shadow:0 0 26px rgba(231,84,128,.3), inset 0 0 26px rgba(231,84,128,.14);
  animation-delay:1.1s; }
@keyframes ringPulse { 0%,100% { opacity:.75; transform:translate(-50%,-52%) scale(1);} 50% { opacity:1; transform:translate(-50%,-52%) scale(1.04);} }
.duo-card { position:absolute; top:38px; width:118px; height:160px; border-radius:22px;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; }
.duo-card.c1 { left:calc(50% - 118px); transform:rotate(-7deg);
  background:linear-gradient(160deg,rgba(240,217,168,.32),rgba(212,175,55,.12));
  border:1px solid rgba(240,217,168,.55); box-shadow:0 10px 30px rgba(212,175,55,.22); }
.duo-card.c2 { right:calc(50% - 118px); transform:rotate(7deg);
  background:linear-gradient(160deg,rgba(231,84,128,.34),rgba(192,132,252,.14));
  border:1px solid rgba(231,84,128,.5); box-shadow:0 10px 30px rgba(231,84,128,.22); }
.silhouette { position:relative; width:64px; height:88px; }
.silhouette .head { position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:34px; height:34px; border-radius:50%; }
.silhouette .body { position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  width:58px; height:52px; border-radius:50% 50% 12px 12px / 62% 62% 12px 12px; }
.c1 .silhouette .head { background:linear-gradient(160deg,#fdf3d8,#d4af37); }
.c1 .silhouette .body { background:linear-gradient(160deg,#f0d9a8,#b8912f); }
.c2 .silhouette .head { background:linear-gradient(160deg,#fbcfe8,#e75480); }
.c2 .silhouette .body { background:linear-gradient(160deg,#f9a8d4,#c084fc); }
.duo-card .dc-lb { font-size:.72rem; color:#fdf3d8; letter-spacing:2px; }
.duo-spark { position:absolute; left:50%; top:26px; transform:translateX(-50%); font-size:1.3rem;
  animation:beat 1.8s infinite; z-index:2; }

/* ===== 首页功能卡 ===== */
.feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
.feat-card { border-radius:16px; padding:16px 8px; text-align:center; cursor:pointer;
  border:1px solid rgba(240,217,168,.25); transition:transform .15s; }
.feat-card:active { transform:scale(.95); }
.feat-card .fi { font-size:1.7rem; display:block; margin-bottom:8px; }
.feat-card .fl { font-size:.76rem; font-weight:700; }
.feat-card .fs { font-size:.62rem; opacity:.75; margin-top:3px; display:block; }
.feat-gold { background:linear-gradient(160deg,rgba(240,217,168,.3),rgba(212,175,55,.1)); color:#fdf3d8; }
.feat-purple { background:linear-gradient(160deg,rgba(192,132,252,.32),rgba(124,58,237,.12)); color:#ede9fe; }
.feat-pink { background:linear-gradient(160deg,rgba(231,84,128,.34),rgba(190,24,93,.14)); color:#ffe4ef; }

/* ===== 登录页 ===== */
.login-card { padding:34px 20px 26px; text-align:center; border-radius:24px;
  border:1px solid rgba(240,217,168,.45);
  box-shadow:0 12px 40px rgba(5,1,16,.6), 0 0 30px rgba(212,175,55,.12); }
.login-logo { width:88px; height:88px; margin:0 auto 14px; border-radius:50%;
  background:linear-gradient(150deg,#fdf3d8,#f0d9a8 45%,#e75480 110%);
  display:flex; align-items:center; justify-content:center;
  font-size:2.4rem; font-weight:900; color:#3b2a10;
  box-shadow:0 0 30px rgba(212,175,55,.5), inset 0 2px 6px rgba(255,255,255,.5); }
.login-name { font-size:1.3rem; font-weight:900; letter-spacing:3px; }
.login-tags { display:flex; justify-content:center; gap:8px; margin-top:18px; flex-wrap:wrap; }
.login-tag { font-size:.68rem; color:#f0d9a8; border:1px solid rgba(240,217,168,.45);
  border-radius:999px; padding:5px 12px; background:rgba(240,217,168,.06); }
.preview-link { display:block; text-align:center; margin-top:14px; color:#c084fc;
  font-size:.85rem; cursor:pointer; text-decoration:underline; background:none; border:none; font-family:inherit; width:100%; }

/* ===== 列表 / 菜单 ===== */
.menu-item {
  display:flex; align-items:center; gap:12px; padding:15px 16px; cursor:pointer;
  border-bottom:1px solid rgba(240,217,168,.08); transition:background .15s;
}
.menu-item:last-child { border-bottom:none; }
.menu-item:active { background:rgba(240,217,168,.05); }
.menu-item .ico { font-size:1.25rem; }
.menu-item .arrow { margin-left:auto; color:#8d7ab3; }
.list-row { display:flex; align-items:center; gap:12px; padding:13px 4px; border-bottom:1px solid rgba(240,217,168,.08); }
.list-row:last-child { border-bottom:none; }
.list-row .grow { flex:1; min-width:0; }
.amt-pos { color:#f0d9a8; font-weight:700; }
.badge { display:inline-block; padding:3px 10px; border-radius:99px; font-size:.72rem; font-weight:600; }
.badge-wait { background:rgba(240,217,168,.16); color:#f0d9a8; }
.badge-ok { background:rgba(74,222,128,.18); color:#4ade80; }
.badge-done { background:rgba(147,197,253,.18); color:#93c5fd; }
.badge-no { background:rgba(248,113,113,.18); color:#f87171; }
.badge-pink { background:rgba(231,84,128,.2); color:#f9a8d4; }
.badge-gold { background:rgba(212,175,55,.2); color:#f0d9a8; }

/* ===== 匹配池 ===== */
.pool-card { display:flex; gap:14px; align-items:flex-start; }
.pool-info { flex:1; min-width:0; }
.pool-name { font-weight:700; font-size:1rem; }
.pool-meta { color:#a795cc; font-size:.8rem; margin:3px 0 8px; }

/* ===== 分享链接卡 ===== */
.link-card { display:flex; align-items:center; gap:10px; background:rgba(0,0,0,.3); border:1px dashed rgba(240,217,168,.45);
  border-radius:12px; padding:12px 14px; word-break:break-all; font-size:.82rem; color:#f0d9a8; }
.step-flow { display:flex; align-items:center; justify-content:space-between; margin:14px 0; }
.step-item { flex:1; text-align:center; }
.step-ico { width:48px; height:48px; margin:0 auto 6px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:1.3rem; background:rgba(240,217,168,.07); border:1px solid rgba(240,217,168,.25); }
.step-lb { font-size:.72rem; color:#c9b8e8; }
.step-arrow { color:#8d7ab3; font-size:.9rem; padding-bottom:18px; }

/* ===== 海报 ===== */
.tpl-tabs { display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; }
.tpl-tab { flex:1 1 30%; text-align:center; padding:10px 4px; border-radius:12px; cursor:pointer; font-size:.8rem;
  background:rgba(255,255,255,.05); border:1px solid rgba(240,217,168,.2); transition:all .15s; }
.tpl-tab.on { background:linear-gradient(90deg,rgba(212,175,55,.34),rgba(231,84,128,.26)); border-color:#f0d9a8; font-weight:700; color:#fdf3d8; }
#posterCanvas { width:100%; border-radius:16px; box-shadow:0 10px 34px rgba(0,0,0,.55), 0 0 24px rgba(212,175,55,.12); display:block; }

/* ===== 每日合拍签 ===== */
.sign-card { text-align:center; padding:30px 20px; position:relative; overflow:hidden; }
.sign-card::before { content:""; position:absolute; top:-40px; right:-40px; width:150px; height:150px;
  border-radius:50%; background:radial-gradient(circle,rgba(212,175,55,.25),transparent 70%); }
.sign-date { font-size:.78rem; color:#a795cc; letter-spacing:2px; }
.sign-idx { font-size:3.2rem; font-weight:900; margin:10px 0 2px; }
.sign-tip { font-size:1.05rem; font-weight:700; color:#f0d9a8; margin-bottom:14px; }
.sign-meta { display:flex; justify-content:center; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
.sign-meta span { font-size:.72rem; border:1px solid rgba(240,217,168,.4); color:#f0d9a8;
  border-radius:999px; padding:4px 12px; background:rgba(240,217,168,.05); }
.sign-msg { color:#d9ccf2; font-size:.9rem; line-height:1.9; }

/* ===== 多人专场 ===== */
.rank-row { display:flex; align-items:center; gap:12px; padding:12px 4px; border-bottom:1px solid rgba(240,217,168,.08); }
.rank-row:last-child { border-bottom:none; }
.rank-medal { width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:.85rem; font-weight:800; flex-shrink:0; background:rgba(255,255,255,.08); color:#a795cc; }
.rank-medal.m1 { background:linear-gradient(160deg,#fdf3d8,#d4af37); color:#3b2a10; box-shadow:0 0 14px rgba(212,175,55,.55); }
.rank-medal.m2 { background:linear-gradient(160deg,#f8fafc,#94a3b8); color:#1e293b; box-shadow:0 0 12px rgba(203,213,225,.4); }
.rank-medal.m3 { background:linear-gradient(160deg,#fdba74,#b45309); color:#3b1a05; box-shadow:0 0 12px rgba(217,119,6,.4); }
.rank-score { font-weight:800; color:#f0d9a8; font-size:1.05rem; }
.multi-price { font-size:2.2rem; font-weight:900; }

/* ===== 角色栏 / 页脚 / toast ===== */
.rolebar { display:flex; align-items:center; gap:8px; padding:9px 12px; margin-top:10px; border-radius:12px;
  background:rgba(212,175,55,.1); border:1px solid rgba(212,175,55,.4); font-size:.78rem; color:#f0d9a8; }
.rolebar button { margin-left:auto; background:none; border:1px solid rgba(212,175,55,.55); color:#f0d9a8;
  border-radius:99px; padding:4px 12px; font-size:.72rem; cursor:pointer; }
.site-footer { text-align:center; padding:26px 0 10px; color:#8d7ab3; font-size:.75rem; line-height:1.8; }
.site-footer .disclaimer { color:#6f5b96; }
.toast {
  position:fixed; left:50%; bottom:90px; transform:translateX(-50%);
  background:rgba(20,8,38,.94); border:1px solid rgba(240,217,168,.5); color:#fdf3d8;
  padding:12px 22px; border-radius:99px; font-size:.88rem; z-index:99;
  box-shadow:0 8px 30px rgba(0,0,0,.5), 0 0 18px rgba(212,175,55,.2); animation:toastIn .25s ease; max-width:84%; text-align:center;
}
@keyframes toastIn { from{opacity:0; transform:translate(-50%,12px);} to{opacity:1; transform:translate(-50%,0);} }

/* ===== 协议勾选 ===== */
.agree-row { display:flex; align-items:flex-start; gap:8px; font-size:.78rem; color:#c9b8e8; margin:16px 0; line-height:1.5; }
.agree-row input { margin-top:3px; accent-color:#d4af37; width:16px; height:16px; }
.agree-row a { color:#f0d9a8; text-decoration:none; }

/* ===== 权益清单 ===== */
.perk { display:flex; gap:10px; align-items:center; padding:9px 0; font-size:.9rem; }
.perk .tick { color:#f0d9a8; }
.price-tag { text-align:center; margin:14px 0; }
.price-tag .num { font-size:2.6rem; font-weight:900; }
.price-tag .cur { font-size:1.1rem; }
.price-tag .old { color:#8d7ab3; text-decoration:line-through; font-size:.85rem; margin-left:8px; }

/* ===== 顶部导航条 ===== */
.navhead { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.navhead .back { width:34px; height:34px; border-radius:50%; background:rgba(240,217,168,.08);
  border:1px solid rgba(240,217,168,.25); color:#f0d9a8; cursor:pointer; font-size:1rem; }
.navhead .t { font-size:1.05rem; font-weight:700; color:#fdf3d8; }

.empty-tip { text-align:center; color:#8d7ab3; padding:30px 0; font-size:.85rem; }