:root{
  --paper:#f8f3e8; --paper2:#fffaf0; --ink:#3d4038; --muted:#8d8b7e;
  --line:#e8d7b3; --gold:#b7863c; --green:#119b68; --jade:#47766c;
  --soft:#f3e9d7; --shadow:0 5px 16px rgba(123,93,42,.055);
}
*{box-sizing:border-box}
html{background:var(--paper)}
body{
  margin:0;color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;
  background:
   radial-gradient(ellipse at 50% 20%,rgba(255,255,255,.8),transparent 56%),
   linear-gradient(180deg,#f7f1e4 0%,#fffaf1 44%,#f7f0e2 100%);
  min-height:100vh;
}
.page{max-width:1214px;margin:0 auto;padding:0 40px 14px;position:relative;overflow:hidden}
.hero{
  height:145px;margin:0 -40px 0;position:relative;background:#f6efdf center top/cover no-repeat url("../img/hero-bg.png");
  border-bottom:1px solid rgba(204,178,128,.24);
}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,246,236,.08),transparent 43%,rgba(250,246,236,.04));pointer-events:none}
.controls{height:62px;display:flex;align-items:center;gap:9px;white-space:nowrap}
.pill,.select,.search{
  border:1px solid #e8dfcb;background:rgba(255,252,244,.78);height:39px;border-radius:22px;
  display:flex;align-items:center;justify-content:center;padding:0 16px;font-size:13px;color:#6f7069;
  box-shadow:0 2px 5px rgba(116,93,55,.025)
}
.pill{gap:7px;min-width:83px}
.pill.active{background:linear-gradient(135deg,#a98443,#80642e);color:#fff8e8;border-color:#b99a60;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
/* 音效开关：开着是浅金底，关掉就退回普通 pill 的样子 */
.pill.sound{min-width:96px}
.pill.sound.on{background:linear-gradient(135deg,#f6ead0,#ecd9ae);color:#6b5424;border-color:#d9c08a}
.pill.sound.on:hover{filter:brightness(1.02)}
.chainicon{font-size:15px}
.select{min-width:130px;justify-content:space-between;margin-left:5px}
.select.sort{min-width:110px}
.search{flex:1;justify-content:flex-start;gap:9px;color:#b7b1a3;min-width:180px;padding:0 14px}
.search .glass{font-size:20px;color:#8e8879}
.search .endglass{margin-left:auto;font-size:21px;color:#756d5c}
.cards{display:flex;flex-direction:column;gap:12px}
.token-card{
  min-height:172px;position:relative;display:grid;grid-template-columns:32.5% 1fr;
  border:1px solid #ddc99f;border-radius:14px;background:
    linear-gradient(108deg,rgba(255,252,242,.96),rgba(255,251,241,.91) 46%,rgba(255,253,247,.98));
  box-shadow:var(--shadow);overflow:hidden;
}
.token-card:before,.token-card:after{
  content:"";position:absolute;pointer-events:none;z-index:0;opacity:.7
}
.token-card:before{inset:4px;border:1px solid rgba(221,195,145,.52);border-radius:10px}
.token-card:after{
  left:0;top:14px;bottom:14px;width:8px;
  background:linear-gradient(180deg,transparent,#d7b47a 18%,#b87b47 50%,#dfbd83 82%,transparent);
  opacity:.42
}
.profile,.content,.narrative,.market,.detail,.block-part,.summary-block{position:relative;z-index:1}
.profile{display:flex;gap:20px;align-items:flex-start;padding:16px 15px 12px 23px;position:relative}
.profile:after,.market:after{content:"";position:absolute;right:0;top:16px;bottom:15px;width:1px;background:#eadfc9}
.avatar{width:96px;height:96px;object-fit:cover;border-radius:50%;border:2px solid #d9b778;box-shadow:0 0 0 3px rgba(246,228,187,.55);flex:none;margin-top:0}
.coin-info{min-width:0;flex:1}
.coin-name{display:flex;align-items:center;gap:8px;font-size:17px;line-height:22px;font-weight:700;color:#3d403d;margin:0 0 2px}
.coin-sub{font-size:11.5px;line-height:16px;color:#a89b83;margin:0 0 6px;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.copy{font-size:12px;color:#7c817c;font-weight:400}
.chain{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c746f;margin-bottom:10px}
.chain-badge{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;background:#e9f0ee;color:#157f78}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px 14px;font-size:12px;color:#9a9588;line-height:20px}
.metrics .mi{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0}
.metrics .mk{color:#a5a092;white-space:nowrap}
.metrics b{font-weight:500;color:#5e625e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.age{font-size:12px;color:#a5a092;margin-top:11px;padding-top:9px;border-top:1px dashed rgba(214,199,168,.75)}
/* 三平台直达链接行：毕业时间下面一行 —— gmgn / debot / fomo，点开就是该 CA 的页面 */
.dl{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.dl-a{font-size:11px;line-height:1;padding:5px 10px;border-radius:9px;text-decoration:none;
  color:#5f7d6f;background:rgba(224,232,214,.7);border:1px solid rgba(199,213,182,.9);
  transition:background .15s,color .15s,border-color .15s}
.dl-a:hover{background:#5f7d6f;color:#fff;border-color:#5f7d6f}
/* 社交链接行：标题下面、链徽章上面 */
.socials{display:flex;align-items:center;gap:7px;margin:0 0 9px}
.soc-ic{
  width:26px;height:26px;border-radius:8px;flex:none;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,252,244,.92);border:1px solid #e8dfcb;text-decoration:none;
  transition:border-color .15s,box-shadow .15s,background .15s
}
.soc-ic img{width:16px;height:16px;display:block;opacity:.82}
.soc-ic:hover{border-color:#c9a86a;background:#fff8e8;box-shadow:0 2px 7px rgba(160,120,50,.18)}
.soc-ic:hover img{opacity:1}
/* X 悬停预览浮层：挂在 body 上，不受卡片 overflow 影响 */
#x-popup{
  display:none;position:absolute;z-index:9999;width:450px;max-height:500px;overflow:auto;box-sizing:border-box;
  background:#fff;border:1px solid #e4dccb;border-radius:12px;padding:10px;
  box-shadow:0 10px 34px rgba(90,70,30,.22)
}
#x-popup .xp-loading{padding:22px 8px;text-align:center;color:#a5a092;font-size:13px}
.content{padding:15px 22px 16px 26px;display:flex;flex-direction:column;gap:11px;min-width:0;width:100%}
.narrative{display:block;width:100%}
/* 叙事标题：行内元素 + box-decoration-break:clone ——
   长标题自动换行，每一行的背景条和圆角都跟着走，不再被 nowrap 截掉尾巴 */
.story-title{
  display:inline;color:#386b61;font-weight:700;font-size:14px;line-height:1.9;
  padding:2px 12px 3px 15px;margin:0;
  background:linear-gradient(90deg,rgba(219,227,204,.9),rgba(236,234,211,.78) 80%,rgba(236,234,211,0));
  border-radius:20px 4px 12px 20px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  overflow-wrap:anywhere
}
.story-copy{font-size:12.5px;line-height:1.62;color:#69716e;margin:8px 0 0;max-width:100%}
/* ② 详细情况段：不限宽，撑到卡片最右边 */
.detail-block{display:flex;flex-direction:column;gap:9px;width:100%;max-width:none}
.block-part-title{font-size:12.5px;font-weight:700;color:#456c61;margin:0 0 4px}
.block-part-text{font-size:12.5px;line-height:1.72;color:#69716e;margin:0;max-width:none}
/* ③ 总结段：和叙事同色系的背景块 */
.summary-block{width:100%;padding:11px 16px 12px;border-radius:12px;
  background:linear-gradient(120deg,rgba(219,227,204,.62),rgba(240,238,219,.88));
  border:1px solid rgba(199,213,182,.8)}
.summary-title{display:inline;font-size:12.5px;font-weight:700;color:#386b61;letter-spacing:.5px}
.summary-text{font-size:12.5px;line-height:1.72;color:#5b6a63;margin:0;max-width:none}
.market{padding:17px 18px 12px 27px;display:flex;flex-direction:column}
.market-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9c9586}
.gain{font-size:14px;color:var(--green);font-weight:700}
.spark{width:100%;height:48px;margin-top:2px;overflow:visible}
.heat-row{display:flex;align-items:center;gap:4px;font-size:12px;color:#a09a8b;margin-top:1px}
.flame{font-size:15px;filter:saturate(.95)}
.flame.off{filter:grayscale(1);opacity:.34}
.links{display:flex;align-items:center;gap:17px;margin-top:auto;padding-top:7px;font-size:12px;color:#737970}
.link{display:flex;align-items:center;gap:5px}
.link-icon{font-size:16px;color:#606d69}
.detail{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#8b7042;font-family:serif;font-size:15px;letter-spacing:2px}
.arrow{width:20px;height:20px;border-radius:50%;background:#9e7a3e;color:#fff8e8;display:flex;align-items:center;justify-content:center;font-family:sans-serif;font-size:15px;letter-spacing:0}
.detail button{border:0;background:transparent;color:inherit;display:flex;align-items:center;flex-direction:column;gap:8px;cursor:pointer;font:inherit;letter-spacing:inherit;padding:8px 0}
.expanded{grid-column:1/-1;border-top:1px dashed #ddc9a4;padding:17px 25px 20px;background:linear-gradient(90deg,#fbf5e9,#fffaf1);display:none}
.token-card.open .expanded{display:block}
.expanded-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.expanded h4{font-size:13px;color:#456c61;margin:0 0 7px}
.expanded p{font-size:12px;color:#73776f;line-height:1.8;margin:0}
.sources{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.source{font-size:11px;border:1px solid #e8d8b7;background:#fffaf0;padding:4px 9px;border-radius:14px;color:#8d774e}
/* 懒加载：列表底部的提示 + 触底哨兵 */
.load-hint{text-align:center;font-size:12px;color:#a89e88;letter-spacing:.6px;padding:16px 0 8px}
.load-hint.done{color:#bdb4a0}
.sentinel{height:1px;width:100%}
/* 服务器版补充：新币标记 / 外链 / 状态条 */
.token-card.is-new{box-shadow:0 5px 18px rgba(201,58,44,.18),inset 0 0 0 1px rgba(214,86,72,.5)}
.token-card.is-new:after{background:linear-gradient(180deg,transparent,#e2604f 18%,#c93a2c 50%,#ef8574 82%,transparent);opacity:.9}
.newbadge{font-size:10px;font-weight:700;color:#fff;background:linear-gradient(180deg,#e4574a,#c93a2c);border:1px solid #ab2d22;border-radius:10px;padding:1px 6px;margin-left:5px;letter-spacing:.6px}
.soc{color:#4a7a6d;text-decoration:none;border-bottom:1px dashed #bcd0c7;margin-right:5px}.soc:hover{color:#2f5f52}
/* ── 高级过滤：工具栏上的漏斗按钮 + 弹框 ───────────────────────────── */
.pill.filt{min-width:0;padding:0 11px;position:relative}
.pill.filt:hover{filter:brightness(1.03)}
.pill.filt.on{background:linear-gradient(135deg,#f6ead0,#ecd9ae);border-color:#d9c08a}
.filt-ico{width:15px;height:15px;display:block;opacity:.62;transition:opacity .15s}
.pill.filt:hover .filt-ico,.pill.filt.on .filt-ico{opacity:.95}
.filt-dot{position:absolute;top:4px;right:5px;width:6px;height:6px;border-radius:50%;
  background:#c93a2c;box-shadow:0 0 0 1.5px #fbf7ee}
.fmodal{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;
  background:rgba(58,52,44,.26);padding:88px 16px 24px;overflow:auto}
.fmodal[hidden]{display:none}
.fbox{width:100%;max-width:432px;background:#fdfaf3;border:1px solid #e2d8c4;border-radius:16px;
  box-shadow:0 18px 46px rgba(88,74,52,.24);overflow:hidden;height:max-content}
.fhead{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;
  border-bottom:1px solid #efe7d7;font-size:13px;color:#6b6151;letter-spacing:1.5px}
.fx{border:0;background:transparent;font-size:20px;line-height:1;color:#a79c86;cursor:pointer;padding:0 2px;font-family:inherit}
.fx:hover{color:#6b6151}
.frows{padding:4px 16px 2px}
.frow{display:grid;grid-template-columns:60px 1fr 1fr;align-items:center;gap:8px;
  padding:7px 0;border-bottom:1px dashed #f0e9da}
.frow:last-child{border-bottom:0}
.flabel{font-size:12px;color:#7a7160;white-space:nowrap}
.funit{font-style:normal;font-size:9.5px;color:#b0a693;margin-left:3px;
  border:1px solid #e6dcc8;border-radius:4px;padding:0 3px;vertical-align:1px}
.frow input{width:100%;box-sizing:border-box;font:inherit;font-size:12px;color:#5f5748;
  background:#fbf7ee;border:1px solid #e6dcc8;border-radius:8px;padding:6px 9px;outline:0}
.frow input:focus{border-color:#c9b489;background:#fffdf8}
.frow input::placeholder{color:#bdb4a1}
.ffoot{display:flex;gap:9px;justify-content:flex-end;padding:11px 16px;
  border-top:1px solid #efe7d7;background:#fbf7ee}
.fbtn{font:inherit;font-size:12px;border-radius:9px;padding:7px 17px;cursor:pointer;border:1px solid transparent}
.fbtn.ghost{background:#f2ebdc;border-color:#e2d8c4;color:#7a7160}
.fbtn.ghost:hover{background:#ece3d0}
.fbtn.main{background:linear-gradient(135deg,#a98443,#80642e);color:#fff8e8;border-color:#b99a60}
.fbtn.main:hover{filter:brightness(1.05)}
.ftip{padding:9px 16px 13px;font-size:10.5px;color:#aaa08b;line-height:1.65;background:#fbf7ee}
.ftip b{color:#8b7c5f}
@media (max-width:760px){
  .fmodal{padding:70px 12px 20px}
  .frow{grid-template-columns:54px 1fr 1fr;gap:6px}
}
#stat.bad{color:#b4553f}
.footer{height:56px;display:flex;align-items:center;justify-content:space-between;color:#a29a87;font-size:11px}
.pagination{display:flex;align-items:center;gap:16px;color:#857a66}
.pg{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pg.active{background:linear-gradient(135deg,#b98d48,#916a2f);color:#fff8e9;box-shadow:0 0 0 2px #f0dfbb}
.footer-right{color:#b0a68f}
/* Grok 分析：失败重跑按钮 + 排队/分析中/失败 三态文案 */
.requeue{margin:0 10px;padding:4px 11px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:11px;
  border:1px solid #d9b98a;background:#fff6e3;color:#8a5b1f;transition:.15s}
.requeue:hover{background:#ffefd2;border-color:#c9a86a}
.requeue:disabled{opacity:.55;cursor:default}
.narr-wait{color:#a8977a;font-style:italic}
.narr-pending .story-title,.narr-running .story-title{color:#9c8f74;font-size:15px}
.narr-running .story-title::after{content:" ⏳"}
.narr-failed .story-title{color:#b4544a}
.narr-failed .story-copy{color:#b4544a}
.notice{font-size:10px;color:#aaa18d;margin-top:-3px}
/* ── 账号：顶部用户条 + 登录/注册/个人中心弹框 + 门禁遮罩 ──────────────── */
.userbar{height:46px;display:flex;align-items:center;justify-content:space-between;
  margin:0 0 2px;padding:0 2px;font-size:12px;color:#8d8b7e}
.ub-left{color:#b0a68f;letter-spacing:.5px}
.ub-right{display:flex;align-items:center;gap:8px}
.ub-btn{border:1px solid #e8dfcb;background:rgba(255,252,244,.9);height:31px;border-radius:16px;
  padding:0 14px;font:inherit;font-size:12px;color:#6f7069;cursor:pointer;
  box-shadow:0 2px 5px rgba(116,93,55,.03);transition:.15s}
.ub-btn:hover{border-color:#c9a86a;background:#fff8e8;color:#6b5424}
.ub-btn.me{background:linear-gradient(135deg,#f6ead0,#ecd9ae);border-color:#d9c08a;color:#6b5424;font-weight:600}
.ub-btn.ghost{background:transparent;color:#a5a092}
.ub-btn.ghost:hover{color:#b4544a;border-color:#e6c6be;background:#fff5f2}
.plan-tag{font-size:10.5px;border-radius:9px;padding:2px 8px;letter-spacing:.5px;border:1px solid}
.plan-tag.free{color:#8a6b2a;background:#fdf3dd;border-color:#ecd9ae}
.plan-tag.member{color:#1f6b52;background:#e6f3ec;border-color:#bfdccc}
.plan-tag.expired{color:#a2483a;background:#fbeae7;border-color:#eec7bf}
.umodal{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-start;justify-content:center;
  background:rgba(58,52,44,.28);padding:96px 16px 24px;overflow:auto}
.umodal[hidden]{display:none}
.ubox{width:100%;max-width:392px;background:#fdfaf3;border:1px solid #e2d8c4;border-radius:16px;
  box-shadow:0 18px 46px rgba(88,74,52,.26);overflow:hidden;height:max-content}
.uhead{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;
  border-bottom:1px solid #efe7d7;font-size:13px;color:#6b6151;letter-spacing:1.5px}
.ux{border:0;background:transparent;font-size:20px;line-height:1;color:#a79c86;cursor:pointer;font-family:inherit}
.ux:hover{color:#6b6151}
.utabs{display:flex;gap:6px;padding:11px 16px 0}
.utabs[hidden]{display:none}
.utab{flex:1;font:inherit;font-size:12px;padding:7px 0;border-radius:9px;cursor:pointer;
  border:1px solid #e6dcc8;background:#f6f1e6;color:#857c68}
.utab.active{background:linear-gradient(135deg,#a98443,#80642e);color:#fff8e8;border-color:#b99a60}
.ubody{padding:12px 16px 4px;display:flex;flex-direction:column;gap:9px}
.ubody[hidden]{display:none}
.ufield{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px}
.ufield>span{font-size:12px;color:#8a8272}
.ufield input{width:100%;box-sizing:border-box;font:inherit;font-size:12.5px;color:#5f5748;
  background:#fbf7ee;border:1px solid #e6dcc8;border-radius:8px;padding:8px 10px;outline:0}
.ufield input:focus{border-color:#c9b489;background:#fffdf8}
.ufield input::placeholder{color:#bdb4a1}
.utip{font-size:10.5px;color:#aaa08b;line-height:1.6;padding:2px 0 4px}
.utip b{color:#8b7c5f}
.umsg{padding:0 16px;font-size:11.5px;color:#7d8a78;line-height:1.6}
.umsg:not(:empty){padding:8px 16px 0}
.umsg.bad{color:#b4544a}
.ufoot{padding:12px 16px 14px}
.ufoot[hidden]{display:none}
.ubtn{width:100%;padding:9px 0;font-size:12.5px}
.me-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;
  color:#8a8272;padding:5px 0}
.me-row b{font-weight:600;color:#5f5748}
.me-row b.plan-free{color:#8a6b2a}
.me-row b.plan-member{color:#1f6b52}
.me-row b.plan-expired,.me-row b.plan-disabled{color:#a2483a}
.me-row b.inv{font-family:ui-monospace,Consolas,monospace;letter-spacing:2px;font-size:13px;color:#7a4a1c}
.me-sep{height:1px;background:#f0e9da;margin:8px 0 4px}
.me-inv{font-size:11px;color:#aaa08b;padding:2px 0 6px}
.me-link{display:flex;gap:7px}
.me-link input{flex:1;min-width:0;font:inherit;font-size:11.5px;color:#5f5748;background:#fbf7ee;
  border:1px solid #e6dcc8;border-radius:8px;padding:8px 10px;outline:0}
.me-link .ubtn{width:auto;padding:0 16px}
.me-note{font-size:10.5px;color:#aaa08b;padding-top:6px}
.gate{position:fixed;inset:0;z-index:65;display:flex;align-items:center;justify-content:center;
  background:rgba(250,246,238,.86)}
.gate[hidden]{display:none}
.gate-box{text-align:center;border:1px solid #e2d8c4;background:#fdfaf3;border-radius:18px;
  padding:34px 40px;box-shadow:0 16px 40px rgba(88,74,52,.16)}
.gate-title{font-size:17px;color:#4a5c52;font-weight:700;letter-spacing:1px}
.gate-sub{font-size:12px;color:#a89e88;margin:9px 0 18px}
.gate-box .ubtn{width:auto;padding:9px 30px}
body.gated{overflow:hidden}
@media(max-width:760px){
 .umodal{padding:72px 12px 20px}
 .userbar{height:auto;padding:8px 2px;flex-wrap:wrap;gap:6px}
 .gate-box{padding:26px 22px}
}
@media(max-width:1000px){
 .page{padding:0 18px 12px}.hero{margin:0 -18px;height:130px}
 .controls{overflow-x:auto}.token-card{grid-template-columns:31% 1fr}
 .profile{gap:10px;padding-left:14px}.avatar{width:70px;height:70px}.content{padding:14px 15px 14px 15px}
 .market{padding-left:14px;padding-right:10px}.story-copy{font-size:11.5px}
}
@media(max-width:720px){
 .page{padding:0 12px 10px}.hero{margin:0 -12px;height:100px;background-size:auto 100%;background-position:center}
 .controls{gap:6px;height:58px}.pill{min-width:auto;padding:0 11px;font-size:12px}.select{min-width:100px;padding:0 10px}
 .search{min-width:180px}.token-card{grid-template-columns:1fr;min-height:0}
 .profile{padding:14px 12px;gap:12px}.avatar{width:68px;height:68px}
 .content{padding:14px 12px}.story-title{font-size:12px}.story-copy{font-size:11px}
 .market{grid-column:1/2;padding:12px 14px;border-top:1px solid #eadfc9}.market:after{display:none}
 .detail{grid-column:2/3;border-top:1px solid #eadfc9;flex-direction:row;gap:12px}
 .detail button{flex-direction:row;letter-spacing:1px}.expanded{grid-column:1/-1;padding:14px}
 .expanded-grid{grid-template-columns:1fr;gap:12px}.footer{gap:10px;flex-wrap:wrap;height:auto;padding:18px 0}
 .footer-right{display:none}
}

/* ── 续费 / 支付（套餐卡片 + 收款链 + 轻提示）─────────────────────────── */
.ub-btn.pay{background:linear-gradient(135deg,#fdf3dd,#f6e6c4);border-color:#e0c894;color:#7a5a20;font-weight:600}
.ub-btn.pay:hover{border-color:#c9a86a;background:#fff8e8}
.pay-plans{display:flex;gap:9px}
.plan{flex:1;position:relative;cursor:pointer;text-align:center;border:1px solid #e6dcc6;background:#fffdf7;
  border-radius:12px;padding:12px 6px 9px;transition:.15s}
.plan:hover{border-color:#d8c39a;background:#fffdf9}
.plan.on{border-color:#b99a60;background:linear-gradient(160deg,#fdf6e6,#f8edd6);
  box-shadow:inset 0 0 0 1px rgba(185,154,96,.35)}
.plan-name{font-size:12px;color:#7a7160}
.plan-price{font-size:19px;font-weight:700;color:#8a6231;margin:3px 0 1px;letter-spacing:.4px}
.plan-days{font-size:10.5px;color:#aaa08b}
.plan-hot{position:absolute;top:-8px;right:-4px;font-size:9.5px;color:#fff8e8;letter-spacing:.5px;
  background:linear-gradient(135deg,#b98a3c,#8e6526);border-radius:8px;padding:1px 6px}
.pay-chain-title{font-size:10.5px;color:#aaa08b;margin:11px 0 6px}
.pay-chain-row{display:flex;flex-wrap:wrap;gap:7px}
.pay-chain{font:inherit;font-size:11.5px;cursor:pointer;border:1px solid #e6dcc6;background:#fffdf7;
  color:#7a7160;border-radius:15px;padding:5px 12px}
.pay-chain:hover{border-color:#d8c39a}
.pay-chain.on{background:linear-gradient(135deg,#fdf3dd,#f3e3bf);border-color:#d0ab6c;color:#6b5424;font-weight:600}
.pay-off{font-size:12px;color:#a89e88;padding:6px 2px}
.toast{position:fixed;right:22px;bottom:22px;z-index:90;max-width:300px;font-size:12.5px;line-height:1.6;
  background:#fdfaf3;border:1px solid #ddd0b4;border-radius:12px;padding:10px 14px;color:#5f5748;
  box-shadow:0 8px 22px rgba(123,93,42,.14);opacity:0;transform:translateY(8px);
  pointer-events:none;transition:.25s}
.toast.show{opacity:1;transform:none}
.toast.bad{border-color:#eec7bf;color:#a2483a;background:#fff7f5}
@media (max-width:520px){ .pay-plans{flex-direction:column} }
.pay-warn{margin-top:10px;font-size:10.5px;line-height:1.7;color:#8a6b2a;background:#fdf6e6;
  border:1px solid #ecd9ae;border-radius:9px;padding:8px 10px}
.pay-warn b{color:#7a4a1c}