/* ============================================================
设计令牌 · Design Tokens
暗房质感：近黑底 + 分层灰阶 + 单一琥珀金强调色
============================================================ */
:root{
/* — 底色分层（越靠上层越亮） — */
--bg:#0a0b0d; --bg-soft:#0d0f13;
--panel:#111318; --panel-2:#171a21; --panel-3:#1d2129;
--line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.12);
/* — 文字层级 — */
--text:#eceef1; --muted:#8b93a1; --dim:#5c6470;
/* — 强调色（琥珀金 · 取自暖光与胶片色调） — */
--gold:#e3b04e; --gold-2:#f2c96e; --gold-dim:rgba(227,176,78,.14);
--grad-gold:linear-gradient(135deg,var(--gold-2),var(--gold));
--on-gold:#141005;
/* — 冷色副强调（只用于图表第二组曲线，与金色拉开区分） — */
--teal:#63b6c9;
/* — 图表第三组曲线：对比最多三款器材时用，与金/青三色两两可分
（在 #171a21 底上实测：全色觉最小色差 15.2，红绿色盲下 11.4，均过判定线） — */
--coral:#e07a72;
/* 运行时由光污染分级覆盖；默认值保证加载中与静态检查都有可读颜色 */
--lp:#5c6470; --lp-zone:#5c6470;
/* — 天光色阶：一天的光线按太阳高度角切成 6 段，色值取自实拍天空而非任意配色，
由暗到亮排开，相邻两段在暗色底上均可分辨 — */
--sky-night:#0b0f1c; --sky-astro:#141c33; --sky-naut:#1f2f5a;
--sky-blue:#2f5fa8; --sky-day:#6fa3d6;
/* — 骨架尺度 — */
--header-h:64px;
--gutter:clamp(24px,2vw,36px);
/* 大屏接近满宽：外层保留 24px 安全边距，内容自身再由 gutter 留白 */
--maxw:clamp(1180px,calc(100vw - 48px),2200px);
--radius:18px; --radius-s:12px; --radius-pill:999px;
/* — 高度与光影（两级：浮层 / 抬起） — */
--shadow-1:0 12px 40px rgba(0,0,0,.5);
--shadow-2:0 22px 48px -18px rgba(0,0,0,.75);
--shadow-gold:0 4px 18px rgba(227,176,78,.25);
--scroll-thumb:rgba(139,147,161,.58);
--scroll-thumb-hover:rgba(180,187,198,.78);
/* — 动效曲线 — */
--ease:cubic-bezier(.2,.7,.2,1);
--dur:.28s; --dur-slow:.35s;
/* — 字体 — */
--serif:Georgia,"Times New Roman","Songti SC","Noto Serif SC","SimSun",serif;
--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
--mono:"SF Mono",ui-monospace,Menlo,Consolas,"Cascadia Code",monospace;
}
html[data-theme="light"]{
--bg:#f5f6f8;--bg-soft:#eef1f4;
--panel:#ffffff;--panel-2:#f1f3f6;--panel-3:#e7ebf0;
--line:rgba(25,31,42,.10);--line-2:rgba(25,31,42,.17);
--text:#20252d;--muted:#66717f;--dim:#929ba7;
--gold:#c58a20;--gold-2:#94600d;--gold-dim:rgba(192,132,31,.13);
--grad-gold:linear-gradient(135deg,#e5b653,#c58a20);
--on-gold:#211604;--teal:#287f91;--coral:#b95750;
--shadow-1:0 12px 36px rgba(37,43,54,.12);
--shadow-2:0 24px 48px -20px rgba(37,43,54,.25);
--shadow-gold:0 4px 18px rgba(197,138,32,.18);
--scroll-thumb:rgba(102,113,127,.48);
--scroll-thumb-hover:rgba(76,87,101,.68);
}
/* 移动端收紧骨架尺度，所有依赖令牌的组件自动跟随 */
@media (max-width:820px){
:root{--header-h:56px;--gutter:18px;--radius:15px}
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.65;
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,textarea,select{font-family:inherit;color:var(--text)}
a{color:inherit;text-decoration:none}
::selection{background:rgba(227,176,78,.35)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:transparent;border-radius:8px;transition:background .18s ease}
::-webkit-scrollbar-thumb:hover,
html.scrollbar-near::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}
html.scrollbar-near::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}
::-webkit-scrollbar-track{background:transparent}
/* 键盘可达性：只在键盘导航时显示焦点环，不干扰鼠标操作 */
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
/* 尊重系统「减少动态效果」设置 */
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* ---------- 顶栏 ---------- */
/* 首屏大图之上保持通透，滚动后自动加深并浮起，形成层次 */
.topbar{position:fixed;inset:0 0 auto 0;z-index:80;height:var(--header-h);display:flex;align-items:center;gap:20px;
padding:0 var(--gutter);background:rgba(10,11,13,.55);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);
border-bottom:1px solid transparent;
transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.topbar.scrolled,body.no-hero .topbar{background:rgba(10,11,13,.88);border-bottom-color:var(--line)}
.topbar.scrolled{box-shadow:0 10px 30px -20px rgba(0,0,0,.95)}
.brand{display:flex;color:inherit;text-decoration:none;align-items:center;gap:11px;cursor:pointer;flex-shrink:0}
.brand-mark{width:37px;height:37px;display:grid;place-items:center}
.brand-mark svg{display:block}
.brand-name{font-weight:700;font-size:16.5px;letter-spacing:.5px}
.brand-name small{display:block;font-weight:400;font-size:9.5px;letter-spacing:.42em;color:var(--muted);margin-top:1px}
.nav{display:flex;gap:4px;flex-shrink:0}
.nav a{padding:8px 13px;border-radius:999px;font-size:14px;color:var(--muted);transition:.25s;letter-spacing:.02em;white-space:nowrap}
.nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.nav a.active{color:var(--on-gold);background:var(--grad-gold);font-weight:600}
.top-spacer{flex:1}
/* 搜索框是顶栏里唯一可压缩的元素：导航项增多时优先让它收窄，避免整条顶栏溢出 */
.search{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.055);border:1px solid var(--line);
border-radius:var(--radius-pill);padding:8px 16px;width:250px;min-width:0;flex-shrink:1;transition:var(--dur)}
.search:focus-within{border-color:rgba(227,176,78,.5);background:rgba(255,255,255,.08);width:290px}
.search svg{flex-shrink:0;opacity:.5}
.search input{background:none;border:none;outline:none;width:100%;min-width:0;font-size:13.5px}
.search input::placeholder{color:var(--dim)}
.btn-post{display:flex;align-items:center;gap:7px;padding:9px 19px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;
color:var(--on-gold);background:var(--grad-gold);box-shadow:var(--shadow-gold);transition:var(--dur);flex-shrink:0}
.btn-post:hover{transform:translateY(-1px);box-shadow:0 8px 26px rgba(227,176,78,.35)}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;
flex-shrink:0;cursor:pointer;border:2px solid rgba(255,255,255,.15);transition:var(--dur)}
.avatar:hover{border-color:var(--gold)}
.avatar.auth-anon{width:auto;min-width:54px;padding:0 13px;border-radius:var(--radius-pill);font-size:12px;
color:var(--gold-2);background:var(--gold-dim)!important;border-color:rgba(227,176,78,.42)}
.avatar.auth-pending{opacity:.65;cursor:wait}
.theme-toggle{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);
border-radius:50%;background:rgba(255,255,255,.045);color:var(--muted);transition:var(--dur)}
.theme-toggle:hover{color:var(--text);border-color:var(--line-2);background:rgba(255,255,255,.09);transform:rotate(8deg)}
.theme-toggle .theme-sun,html[data-theme="light"] .theme-toggle .theme-moon{display:none}
.theme-toggle .theme-moon,html[data-theme="light"] .theme-toggle .theme-sun{display:block}
/* 汉堡按钮：仅窄屏出现，三条横线在展开时合成叉号 */
.btn-menu{display:none;width:38px;height:38px;border-radius:var(--radius-s);place-items:center;flex-shrink:0;
border:1px solid var(--line);background:rgba(255,255,255,.045);transition:var(--dur)}
.btn-menu:hover{border-color:var(--line-2);background:rgba(255,255,255,.09)}
.btn-menu i{display:block;position:relative;width:17px;height:1.8px;border-radius:2px;background:var(--text);
transition:transform var(--dur) var(--ease),background var(--dur)}
.btn-menu i::before,.btn-menu i::after{content:"";position:absolute;left:0;width:17px;height:1.8px;border-radius:2px;
background:var(--text);transition:transform var(--dur) var(--ease),top var(--dur) var(--ease)}
.btn-menu i::before{top:-5.5px}
.btn-menu i::after{top:5.5px}
body.drawer-open .btn-menu i{background:transparent}
body.drawer-open .btn-menu i::before{top:0;transform:rotate(45deg)}
body.drawer-open .btn-menu i::after{top:0;transform:rotate(-45deg)}
/* ---------- 移动端抽屉导航 ---------- */
.drawer-scrim{position:fixed;inset:0;z-index:90;background:rgba(6,7,9,.72);backdrop-filter:blur(6px);
opacity:0;visibility:hidden;transition:opacity var(--dur-slow),visibility var(--dur-slow)}
body.drawer-open .drawer-scrim{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:95;width:min(320px,86vw);display:flex;flex-direction:column;gap:18px;
background:var(--panel);border-left:1px solid var(--line-2);box-shadow:-24px 0 60px rgba(0,0,0,.6);
padding:calc(20px + env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom));
transform:translateX(102%);transition:transform var(--dur-slow) var(--ease);overflow-y:auto}
body.drawer-open .drawer{transform:none}
.drawer-title{font-size:10.5px;letter-spacing:.36em;color:var(--dim);text-transform:uppercase;font-weight:600}
.drawer-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.drawer-account{font-size:12px;color:var(--gold-2);padding:6px 12px;border-radius:var(--radius-pill);
background:var(--gold-dim);border:1px solid rgba(227,176,78,.35);white-space:nowrap}
.drawer .search{display:flex;width:100%}
.drawer .search:focus-within{width:100%}
.drawer-nav{display:flex;flex-direction:column;gap:4px}
.drawer-nav a{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;
padding:12px 16px;border-radius:var(--radius-s);font-size:15px;color:var(--muted);transition:var(--dur);
border:1px solid transparent}
.drawer-nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.drawer-nav a.active{color:var(--gold-2);background:var(--gold-dim);border-color:rgba(227,176,78,.32);font-weight:600}
.drawer-nav a::after{content:"→";opacity:0;transform:translateX(-6px);transition:var(--dur)}
.drawer-nav a.active::after{opacity:.75;transform:none}
.drawer-theme{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 15px;border:1px solid var(--line);
border-radius:var(--radius-s);background:var(--bg-soft);color:var(--muted);font-size:14px;transition:var(--dur)}
.drawer-theme:hover{color:var(--text);border-color:var(--line-2)}
.drawer-theme-icons{display:grid;place-items:center;width:24px;height:24px;color:var(--gold-2);font-size:17px}
.drawer-theme .theme-sun,html[data-theme="light"] .drawer-theme .theme-moon{display:none}
.drawer-theme .theme-moon,html[data-theme="light"] .drawer-theme .theme-sun{display:block}
.drawer .btn-post{justify-content:center;width:100%;padding:12px}
.drawer-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:11.5px;color:var(--dim);letter-spacing:.06em}
/* ---------- 英雄区 ---------- */
.hero{position:relative;height:clamp(400px,62vh,560px);overflow:hidden;display:flex;align-items:flex-end}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:heroIn 2.2s ease both}
@keyframes heroIn{from{transform:scale(1.07);opacity:.4}to{transform:scale(1);opacity:1}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,13,.42) 0%,rgba(10,11,13,.06) 38%,rgba(10,11,13,.62) 74%,var(--bg) 100%)}
.hero-inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter) clamp(40px,7vw,64px)}
.hero-kicker{font-size:clamp(10px,2.4vw,11.5px);letter-spacing:.5em;color:var(--gold-2);text-transform:uppercase;margin-bottom:18px;font-weight:600}
.hero h1{font-family:var(--serif);font-size:clamp(32px,7vw,54px);line-height:1.18;font-weight:700;letter-spacing:.01em;max-width:640px;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.hero p.sub{margin-top:16px;font-size:clamp(14px,3vw,16px);color:rgba(236,238,241,.82);max-width:520px;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.hero-actions{display:flex;align-items:stretch;gap:10px;margin-top:22px;flex-wrap:wrap}
.hero-actions a{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-s);background:rgba(10,11,13,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;font-weight:650;color:#f5f2ea;transition:var(--dur)}
.hero-actions a:first-child{color:#17130b;background:var(--grad-gold);border-color:transparent;box-shadow:var(--shadow-gold)}
.hero-actions a:hover{transform:translateY(-2px);border-color:rgba(227,176,78,.58)}
.hero-actions span{font-size:10.5px;font-weight:450;color:currentColor;opacity:.68}
.hero-stats{display:flex;flex-wrap:wrap;gap:clamp(20px,5vw,34px);margin-top:30px}
.hero-stats b{font-family:var(--serif);font-size:clamp(20px,4.5vw,24px);font-weight:700;color:#fff}
.hero-stats span{display:block;font-size:12px;color:rgba(236,238,241,.6);letter-spacing:.08em;margin-top:2px}
.hero-credit{position:absolute;right:26px;bottom:20px;z-index:2;font-family:var(--mono);font-size:10.5px;color:rgba(255,255,255,.45);letter-spacing:.05em}
/* ---------- 日间主题定向适配 ---------- */
html[data-theme="light"] body{background:var(--bg)}
html[data-theme="light"] .topbar.scrolled,
html[data-theme="light"] body.no-hero .topbar{background:rgba(255,255,255,.9);border-bottom-color:var(--line);box-shadow:0 10px 30px -22px rgba(37,43,54,.35)}
html[data-theme="light"] body:not(.no-hero) .topbar:not(.scrolled){color:#fff;--text:#fff;--muted:rgba(255,255,255,.74);--dim:rgba(255,255,255,.52);--line:rgba(255,255,255,.16);--line-2:rgba(255,255,255,.28);background:rgba(12,15,19,.46)}
html[data-theme="light"] .hero h1{color:#fff}
html[data-theme="light"] .hero-kicker{color:#f2c96e}
html[data-theme="light"] .search{background:rgba(25,31,42,.035)}
html[data-theme="light"] .search:focus-within{background:rgba(25,31,42,.065)}
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .btn-menu{background:rgba(25,31,42,.035)}
html[data-theme="light"] .theme-toggle:hover,
html[data-theme="light"] .btn-menu:hover,
html[data-theme="light"] .nav a:hover,
html[data-theme="light"] .drawer-nav a:hover{background:rgba(25,31,42,.065)}
html[data-theme="light"] body:not(.no-hero) .topbar:not(.scrolled) .search,
html[data-theme="light"] body:not(.no-hero) .topbar:not(.scrolled) .theme-toggle,
html[data-theme="light"] body:not(.no-hero) .topbar:not(.scrolled) .btn-menu{background:rgba(255,255,255,.08)}
html[data-theme="light"] .price-summary>div{background:var(--panel)}
html[data-theme="light"] .price-chart circle{fill:var(--panel)}
html[data-theme="light"] .price-feed-banner,
html[data-theme="light"] .price-decision,
html[data-theme="light"] .price-offer,
html[data-theme="light"] .post-actions,
html[data-theme="light"] .draft-bar{background:rgba(25,31,42,.025)}
html[data-theme="light"] .price-sku,
html[data-theme="light"] .price-ranges,
html[data-theme="light"] .price-alert,
html[data-theme="light"] .price-report{background:rgba(25,31,42,.035)}
html[data-theme="light"] .rt-gridline,
html[data-theme="light"] .mtf-grid,
html[data-theme="light"] .cost-grid{stroke:rgba(25,31,42,.1)}
html[data-theme="light"] .tw-map-tiles{filter:brightness(.94) saturate(.72) contrast(.92)}
html[data-theme="light"] .tw-map-canvas{background:#dce4e8}
html[data-theme="light"] .lp-scale i{border-color:rgba(25,31,42,.18)}
/* ---------- 布局 ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(292px,20vw,326px);gap:clamp(24px,2.2vw,40px);align-items:start;padding-top:44px}
main.only{grid-template-columns:1fr}
.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}
.section-head h2{font-family:var(--serif);font-size:clamp(21px,4.5vw,27px);font-weight:700;letter-spacing:.01em}
.section-head .en{font-size:11px;letter-spacing:.4em;color:var(--dim);text-transform:uppercase;margin-left:14px}
.section-desc{color:var(--muted);font-size:13.5px;margin:-14px 0 24px}
/* ---------- 帖子卡片 ---------- */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;
transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;position:relative}
.card:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:var(--shadow-2)}
.card-img{position:relative;aspect-ratio:3/2;overflow:hidden;background:#14161b}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s cubic-bezier(.2,.6,.2,1)}
.card:hover .card-img img{transform:scale(1.045)}
.card-img .loc{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;font-size:11.5px;
background:rgba(10,11,13,.62);backdrop-filter:blur(8px);padding:5px 11px;border-radius:999px;color:#f0f1f4;letter-spacing:.03em}
.card-img .sec-chip{position:absolute;left:12px;top:12px;font-size:10.5px;letter-spacing:.14em;padding:4px 10px;border-radius:999px;
background:rgba(10,11,13,.55);backdrop-filter:blur(8px);color:var(--gold-2);border:1px solid rgba(227,176,78,.35);font-weight:600}
.card-body{padding:16px 18px 15px}
.card-body h3{font-size:16px;font-weight:650;line-height:1.45;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-exif{font-family:var(--mono);font-size:10.8px;color:var(--dim);margin-top:8px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-exif b{color:var(--gold);font-weight:500}
.card-meta{display:flex;align-items:center;gap:10px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}
.card-meta .avatar{width:26px;height:26px;font-size:10.5px;border-width:1px}
.card-meta .who{flex:1;min-width:0}
.card-meta .who b{font-size:12.5px;font-weight:600;display:block;line-height:1.3}
.card-meta .who span{font-size:11px;color:var(--dim)}
.card-meta .stats{display:flex;gap:12px;font-size:12px;color:var(--muted)}
.card-meta .stats i{font-style:normal;display:flex;align-items:center;gap:4px}
.card-meta .stats .liked{color:#e46a6a}
/* ---------- 右栏 ---------- */
.rail{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--header-h) + 22px)}
.rail-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px 16px}
.rail-box h4{font-size:11.5px;letter-spacing:.34em;color:var(--dim);text-transform:uppercase;font-weight:600;margin-bottom:15px}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tag{font-size:12.5px;padding:6px 13px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:.22s}
.tag:hover{color:var(--gold-2);border-color:rgba(227,176,78,.4);background:var(--gold-dim)}
.rail-user{display:flex;align-items:center;gap:11px;padding:9px 0}
.rail-user + .rail-user{border-top:1px solid var(--line)}
.rail-user .who{flex:1;min-width:0}
.rail-user .who b{display:block;font-size:13.5px;font-weight:600}
.rail-user .who span{font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.btn-follow{font-size:12px;padding:5px 13px;border-radius:999px;border:1px solid rgba(227,176,78,.5);color:var(--gold-2);transition:.22s;flex-shrink:0}
.btn-follow:hover{background:var(--gold-dim)}
.btn-follow.on{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#141005;border-color:transparent;font-weight:600}
.hot-item{display:flex;gap:12px;padding:9px 0;cursor:pointer}
.hot-item + .hot-item{border-top:1px solid var(--line)}
.hot-item .no{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--dim);width:18px;flex-shrink:0;padding-top:1px}
.hot-item:nth-child(1) .no,.hot-item:nth-child(2) .no,.hot-item:nth-child(3) .no{color:var(--gold)}
.hot-item p{font-size:13px;line-height:1.5;color:#c7ccd4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hot-item:hover p{color:#fff}
.hot-item span{display:block;font-size:11px;color:var(--dim);margin-top:3px}
/* ---------- 旅摄计划 ---------- */
.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.plan-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.35s}
.plan-card:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:var(--shadow-2)}
.plan-cover{position:relative;height:170px;overflow:hidden}
.plan-cover img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s ease}
.plan-card:hover .plan-cover img{transform:scale(1.05)}
.plan-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,11,13,.85))}
.plan-cover .dest{position:absolute;left:18px;bottom:14px;z-index:2}
.plan-cover .dest b{font-family:var(--serif);font-size:22px;font-weight:700;letter-spacing:.02em}
.plan-cover .dest span{display:block;font-size:11.5px;color:rgba(236,238,241,.75);letter-spacing:.1em;margin-top:2px}
.plan-cover .days{position:absolute;right:14px;top:12px;z-index:2;background:rgba(10,11,13,.6);backdrop-filter:blur(8px);
border:1px solid rgba(227,176,78,.4);color:var(--gold-2);font-size:11.5px;padding:4px 11px;border-radius:999px;letter-spacing:.06em}
.plan-body{padding:17px 19px 18px}
.plan-route{display:flex;align-items:center;flex-wrap:wrap;gap:4px 2px;font-size:12px;color:var(--muted);line-height:1.9}
.plan-route em{font-style:normal;color:#cfd4db}
.plan-route svg{margin:0 4px;opacity:.4;flex-shrink:0}
.plan-desc{font-size:13px;color:var(--muted);margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.plan-foot{display:flex;align-items:center;gap:12px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}
.plan-foot .avatar{width:26px;height:26px;font-size:10.5px;border-width:1px}
.plan-foot .who{flex:1;font-size:12.5px;color:var(--muted)}
.plan-foot .who b{color:var(--text);font-weight:600}
.seat{font-size:12px;color:var(--muted);text-align:right}
.seat-bar{width:86px;height:4px;border-radius:4px;background:var(--panel-3);margin-top:5px;overflow:hidden}
.seat-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold-2),var(--gold))}
.btn-join{font-size:12.5px;font-weight:600;padding:7px 16px;border-radius:999px;background:var(--gold-dim);border:1px solid rgba(227,176,78,.45);color:var(--gold-2);transition:.22s}
.btn-join:hover{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#141005}
.btn-join.on{background:var(--panel-3);border-color:var(--line);color:var(--muted)}
.plan-book{margin-top:11px}
/* ---------- 摄影路书 · Route Book ---------- */
/* 「旅摄计划」版块分成两段：路书回答「怎么走」，结伴计划回答「和谁走」。
两者不是一回事——路书一个人也能照着走，结伴计划离开同行者就不成立。 */
.seg.seg-page{max-width:340px;margin:0 0 22px}
.seg.seg-page.tp-tabs{max-width:560px}
/* 旅摄规划器：保持 EyeMe 原生卡片语言，规则生成结果不冒充实时数据 */
.tp-studio{display:flex;flex-direction:column;gap:18px}
.tp-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(227,176,78,.1),var(--panel) 48%)}
.tp-intro small,.tp-result-head small{display:block;color:var(--gold-2);font:600 9px/1.4 var(--mono);letter-spacing:.24em;margin-bottom:6px}
.tp-intro h3{font-family:var(--serif);font-size:21px;margin-bottom:6px}
.tp-intro p{max-width:690px;color:var(--muted);font-size:13px;line-height:1.75}
.tp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.tp-form label>span,.tp-theme-field>span{display:block;margin-bottom:7px;color:var(--muted);font-size:11.5px}
.tp-form input,.tp-form select{width:100%;padding:11px 12px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;outline:none}
.tp-form input:focus,.tp-form select:focus{border-color:rgba(227,176,78,.6)}
.tp-form .wide{grid-column:1/-1}
.tp-theme-field .pick{margin:0}
.tp-generate{display:flex;align-items:center;gap:14px}
.tp-generate .btn-primary{width:auto;min-width:210px}
.tp-generate small{color:var(--dim);font-size:11px}
.tp-empty{padding:32px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--radius);color:var(--muted)}
.tp-empty b{display:block;color:var(--text);margin-bottom:7px}
.tp-result{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.tp-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.tp-result-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tp-result-head h3{font-family:var(--serif);font-size:23px;margin-bottom:4px}
.tp-result-head p{color:var(--muted);font-size:12px}
.tp-kpis,.tp-route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.tp-kpis>div,.tp-route-summary>div{padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2)}
.tp-kpis b,.tp-route-summary b{display:block;color:var(--gold-2);font:500 17px/1.3 var(--mono)}
.tp-kpis span,.tp-route-summary span{font-size:10px;color:var(--dim)}
.tp-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tp-day{min-width:0;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.tp-day header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--dim);font:10px/1.4 var(--mono)}
.tp-day header b{color:var(--gold-2);letter-spacing:.12em}.tp-day h4{font-size:14px;margin-bottom:5px}.tp-day>p{color:var(--muted);font-size:11.5px;line-height:1.6}
.tp-stop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}
.tp-stop i{padding:3px 6px;border-radius:5px;background:rgba(53,166,154,.13);color:var(--teal);font-size:9px;font-style:normal}.tp-stop.pending i{background:rgba(227,176,78,.12);color:var(--gold-2)}
.tp-stop b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.tp-stop span{font-size:10px;color:var(--dim)}.tp-stop p{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.55}
.tp-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.tp-bottom section{padding:15px;border:1px solid var(--line);border-radius:12px}.tp-bottom h4{font-size:13px;margin-bottom:10px}.tp-bottom p{margin-top:9px;color:var(--dim);font-size:10.5px}
.tp-budget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.tp-budget-grid div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.tp-budget-grid span{color:var(--muted)}.tp-budget-grid b{font-family:var(--mono);font-weight:500}
.tp-pack-preview{display:flex;flex-wrap:wrap;gap:6px}.tp-pack-preview span{padding:5px 7px;border-radius:7px;background:var(--panel-2);color:var(--muted);font-size:10.5px}
.tp-route-summary{grid-template-columns:repeat(4,1fr)}
.tp-budget-bars{display:flex;flex-direction:column;gap:8px;margin:15px 0}.tp-budget-bars>div{display:grid;grid-template-columns:54px 1fr 72px;align-items:center;gap:9px;font-size:11px}.tp-budget-bars span{color:var(--muted)}.tp-budget-bars i{height:5px;overflow:hidden;border-radius:9px;background:var(--panel-2)}.tp-budget-bars em{display:block;height:100%;border-radius:9px;background:var(--gold-2)}.tp-budget-bars b{text-align:right;font-family:var(--mono);font-weight:500}
.tp-pack-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.tp-pack-list label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;font-size:11.5px;cursor:pointer}.tp-pack-list label.done span{text-decoration:line-through;color:var(--dim)}.tp-pack-list small{color:var(--dim);font-size:9.5px}.tp-pack-list input{accent-color:var(--gold-2)}
.tp-guide{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.tp-guide summary{cursor:pointer;font-size:12.5px;font-weight:600}.tp-guide textarea{width:100%;min-height:150px;margin-top:13px;padding:12px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;resize:vertical}
.tp-guide>div{display:flex;gap:8px;margin-top:9px}.tp-guide>p{margin-top:9px;color:var(--dim);font-size:10.5px}
.tw-modal{position:relative;width:min(1080px,100%);height:min(88vh,860px);display:flex;flex-direction:column;overflow:hidden}
.tw-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 56px 18px 24px;border-bottom:1px solid var(--line)}
.tw-head small{display:block;color:var(--gold-2);font:600 9px/1.4 var(--mono);letter-spacing:.24em}.tw-head h3{font-family:var(--serif);font-size:23px;margin:4px 0}.tw-head p{color:var(--muted);font-size:11.5px}
.tw-tabs{display:flex;gap:5px;padding:10px 18px;border-bottom:1px solid var(--line);overflow-x:auto}.tw-tabs button{flex:0 0 auto;padding:8px 12px;border-radius:9px;color:var(--muted);font-size:11.5px}.tw-tabs button.on{background:rgba(227,176,78,.13);color:var(--gold-2)}
.tw-body{flex:1;overflow:auto;padding:20px 22px}
.tw-meta-form{display:grid;grid-template-columns:1.3fr .8fr .7fr auto;gap:8px;margin-bottom:13px}.tw-meta-form input,.tw-meta-form textarea{min-width:0;padding:9px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:9px}.tw-meta-form textarea{grid-column:1/-2;min-height:62px;resize:vertical}.tw-meta-form>.btn-ghost{align-self:stretch}
.tw-readiness{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.tw-score{display:flex;align-items:baseline;justify-content:center}.tw-score b{color:var(--gold-2);font:500 54px/1 var(--mono)}.tw-score span{color:var(--dim);font-size:11px}
.tw-score-bars{display:flex;flex-direction:column;gap:7px}.tw-score-bars>div{display:grid;grid-template-columns:70px 1fr 25px;align-items:center;gap:8px;font-size:10.5px}.tw-score-bars span{color:var(--muted)}.tw-score-bars i{height:5px;background:var(--panel);border-radius:8px;overflow:hidden}.tw-score-bars em{display:block;height:100%;background:var(--gold-2)}.tw-score-bars b{text-align:right;font-family:var(--mono)}
.tw-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.tw-kpis>div{padding:14px;border:1px solid var(--line);border-radius:11px}.tw-kpis b{display:block;color:var(--gold-2);font:500 19px/1.3 var(--mono)}.tw-kpis span{color:var(--dim);font-size:10px}
.tw-connect,.tw-export-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tw-connect button,.tw-export-grid button{padding:16px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.tw-connect button:hover,.tw-export-grid button:hover{border-color:rgba(227,176,78,.45)}.tw-connect b,.tw-export-grid b{display:block;margin-bottom:4px}.tw-connect span,.tw-export-grid span{color:var(--muted);font-size:10.5px}
.tw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;color:var(--muted);font-size:11px}.tw-toolbar button,.tw-day button,.tw-members button,.tw-budget-head button,.tw-pack-head button{padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:10.5px}.tw-toolbar button:hover,.tw-day button:hover{color:var(--gold-2)}
.tw-days{display:flex;flex-direction:column;gap:10px}.tw-day{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.tw-day header{display:flex;align-items:center;gap:9px}.tw-day header>b{color:var(--gold-2);font-family:var(--mono)}.tw-day header>span{flex:1;color:var(--muted);font-size:11px}.tw-day header>div{display:flex;gap:4px}.tw-day>p{margin:7px 0;color:var(--dim);font-size:10.5px}.tw-stops{display:flex;flex-direction:column;gap:6px}.tw-stops>div{display:grid;grid-template-columns:75px 1fr 54px auto auto;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;background:var(--panel)}.tw-stops i{color:var(--gold-2);font-size:9.5px;font-style:normal}.tw-stops b{font-size:11.5px}.tw-stops span{color:var(--dim);font-size:9.5px}
.tw-members{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:14px}.tw-members>b{margin-right:5px}.tw-members>span{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:8px;background:var(--panel-2);font-size:11px}.tw-members input,.tw-pack-head input{min-width:130px;padding:7px 9px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px}
.tw-budget-head{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-bottom:10px}.tw-budget-head>div{padding:12px;border:1px solid var(--line);border-radius:10px}.tw-budget-head b{display:block;color:var(--gold-2);font-family:var(--mono)}.tw-budget-head span{color:var(--dim);font-size:9.5px}.tw-expenses{display:flex;flex-direction:column;gap:6px}.tw-expenses>div{display:grid;grid-template-columns:90px 1fr 100px 100px 65px 30px;gap:6px}.tw-expenses input,.tw-expenses select,.tw-pack-head select{min-width:0;padding:7px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;font-size:10.5px}.tw-expenses label{display:flex;align-items:center;gap:4px;font-size:10px}.tw-settle{margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:12px}.tw-settle h4{margin-bottom:9px}.tw-settle p{color:var(--muted);font-size:11px}.tw-settle>div{display:grid;grid-template-columns:1fr 30px 1fr auto;gap:8px;margin-top:7px;padding:8px;border-radius:8px;background:var(--panel-2);font-size:11px}.tw-settle i{text-align:center;color:var(--gold-2)}
.tw-pack-head{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:13px}.tw-pack-head>div{margin-right:auto}.tw-pack-head b{display:block;color:var(--gold-2);font:500 22px/1.2 var(--mono)}.tw-pack-head span{color:var(--dim);font-size:9.5px}.tw-pack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.tw-pack-grid label{display:grid;grid-template-columns:auto 1fr 55px 25px;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:9px}.tw-pack-grid label.done span{text-decoration:line-through;color:var(--dim)}.tw-pack-grid small{color:var(--dim);font-size:9.5px}.tw-pack-grid button{color:var(--dim)}
.tw-hint{margin-top:13px;color:var(--dim);font-size:10.5px;line-height:1.6}
.tw-photo-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.tw-photo-grid>section{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.tw-photo-grid h4{margin-bottom:11px}.tw-photo-grid p{margin:9px 0;color:var(--dim);font-size:10.5px;line-height:1.55}.tw-photo-grid p.tw-over{color:var(--coral)}
.tw-gear-summary{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:7px}.tw-gear-summary>div,.tw-gear-summary>label{padding:9px;border-radius:9px;background:var(--panel)}.tw-gear-summary b{display:block;color:var(--gold-2);font-family:var(--mono)}.tw-gear-summary span,.tw-gear-summary label{font-size:9.5px;color:var(--dim)}.tw-gear-summary select,.tw-lens-form select,.tw-lens-form input,.tw-gear-list input{min-width:0;padding:7px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:7px}
.tw-gear-list{display:flex;flex-direction:column;gap:6px;margin:11px 0}.tw-gear-list>div{display:grid;grid-template-columns:24px 1fr 72px 62px 48px 25px;gap:5px}.tw-gear-list button{color:var(--dim)}
.tw-lens-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tw-lens-form label{font-size:10px;color:var(--muted)}.tw-lens-form select,.tw-lens-form input{width:100%;margin-top:5px}.tw-lens-result{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.tw-lens-result b{display:block;color:var(--gold-2);font:500 22px/1.2 var(--mono)}.tw-lens-result span{align-self:end;color:var(--dim);font-size:9.5px}
.tw-map-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.tw-map-toolbar>div:first-child b{display:block;font-size:14px}.tw-map-toolbar>div:first-child span{display:block;margin-top:3px;color:var(--muted);font-size:10.5px}
.tw-map-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tw-map-actions button,.tw-map-days button{min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:10.5px}.tw-map-actions button:hover,.tw-map-days button:hover{color:var(--gold-2);border-color:rgba(227,176,78,.45)}
.tw-map-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:9px}.tw-map-summary>div{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.tw-map-summary b{display:block;color:var(--gold-2);font:500 16px/1.3 var(--mono)}.tw-map-summary span{display:block;margin-top:2px;color:var(--dim);font-size:9.5px}
.tw-map-canvas{position:relative;overflow:hidden;aspect-ratio:48/23;min-height:310px;border:1px solid var(--line);border-radius:8px;background:#111821}.tw-map-svg{display:block;width:100%;height:100%}.tw-map-tiles{filter:brightness(.62) saturate(.55) contrast(1.14)}.tw-map-routes polyline{filter:drop-shadow(0 0 2px #0e1115)}.tw-map-marker text{fill:#101318;font:700 10px/1 var(--mono);pointer-events:none}.tw-map-canvas>a{position:absolute;right:6px;bottom:5px;padding:2px 5px;background:rgba(9,12,16,.78);color:rgba(255,255,255,.75);font-size:8px;text-decoration:none}.tw-map-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:4px}.tw-map-empty span{color:var(--muted);font-size:11px}
.tw-map-note{margin:8px 0 12px;color:var(--dim);font-size:10px;line-height:1.65}.tw-map-days{display:flex;flex-direction:column;gap:6px}.tw-map-days article{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 10px;border-bottom:1px solid var(--line)}.tw-map-days article>i{width:8px;height:30px;border-radius:3px}.tw-map-days article>div{min-width:0}.tw-map-days b{display:block;font-size:11px}.tw-map-days span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.tw-map-days em{color:var(--dim);font:normal 10px/1.3 var(--mono)}
.tw-map-missing{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.tw-map-missing h4{font-size:12px}.tw-map-missing>p{margin:4px 0 8px;color:var(--dim);font-size:10px}.tw-map-missing>div{display:flex;flex-wrap:wrap;gap:6px}.tw-map-missing span{padding:5px 7px;border:1px solid rgba(227,176,78,.25);border-radius:6px;color:var(--gold-2);font-size:10px;background:var(--gold-dim)}
.rt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.rt-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);
border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:.35s}
.rt-card:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:var(--shadow-2)}
.rt-cover{position:relative;height:156px;overflow:hidden;flex-shrink:0}
.rt-cover img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s ease}
.rt-card:hover .rt-cover img{transform:scale(1.05)}
.rt-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(10,11,13,.88))}
.rt-region{position:absolute;left:18px;bottom:12px;z-index:2;font-size:12px;letter-spacing:.1em;color:rgba(236,238,241,.82)}
.rt-badge{position:absolute;right:14px;top:12px;z-index:2;font-family:var(--mono);font-size:12px;font-weight:600;
padding:3px 11px;border-radius:var(--radius-pill);color:var(--on-gold);background:var(--grad-gold);box-shadow:var(--shadow-gold)}
.rt-body{display:flex;flex-direction:column;flex:1;padding:16px 19px 17px}
.rt-body h3{font-size:16.5px;font-weight:650;line-height:1.45}
.rt-chain{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin-top:9px;font-size:12px;line-height:1.9;color:var(--muted)}
.rt-chain em{font-style:normal;color:#cfd4db}
.rt-chain i{font-style:normal;color:var(--dim);margin:0 4px}
.rt-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px 6px;margin-top:13px;font-family:var(--mono)}
.rt-facts b{display:block;font-size:14.5px;font-weight:500;color:var(--gold-2);line-height:1.3}
.rt-facts span{font-size:9.5px;letter-spacing:.08em;color:var(--dim)}
.rt-foot{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line)}
.rt-foot .avatar{width:26px;height:26px;font-size:10.5px;border-width:1px}
.rt-foot .who{flex:1;min-width:0;font-size:12.5px;color:var(--muted)}
.rt-foot .who b{color:var(--text);font-weight:600}
.rt-mini{font-size:12px;padding:5px 12px;border-radius:var(--radius-pill);flex-shrink:0;
background:var(--panel-3);border:1px solid var(--line);color:var(--muted);transition:.22s}
.rt-mini:hover{color:var(--gold-2);border-color:rgba(227,176,78,.45);background:var(--gold-dim)}
/* 路书详情 */
.route-modal{position:relative;display:flex;flex-direction:column;width:min(940px,100%)}
.rt-hero{position:relative;height:186px;flex-shrink:0;background:#07080a}
.rt-hero img{width:100%;height:100%;object-fit:cover}
.rt-hero::after{content:"";position:absolute;inset:0;
background:linear-gradient(180deg,rgba(10,11,13,.4) 0,transparent 42%,rgba(10,11,13,.93))}
.rt-hero-txt{position:absolute;left:28px;right:70px;bottom:15px;z-index:2}
.rt-hero-txt h3{font-family:var(--serif);font-size:23px;font-weight:700;line-height:1.35}
.rt-hero-txt p{margin-top:5px;font-size:12px;letter-spacing:.06em;color:rgba(236,238,241,.72)}
.rt-scroll{flex:1;min-height:0;overflow-y:auto;padding:22px 28px 26px}
.rt-summary{font-size:13.5px;line-height:1.85;color:#c9ced6;margin-top:16px}
.rt-block{margin-top:24px}
.rt-block>h4{display:flex;align-items:baseline;gap:10px;font-size:14px;font-weight:650;margin-bottom:12px}
.rt-block>h4 span{font-size:9.5px;letter-spacing:.3em;color:var(--dim);font-weight:600}
.rt-note{font-size:11.5px;line-height:1.8;color:var(--dim);margin-top:10px}
/* 海拔剖面：内联 SVG 现画，纵轴真实海拔，横轴是行程顺序而非里程比例 */
.rt-alt{padding:14px 14px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-s)}
.rt-alt svg{display:block;width:100%;height:auto}
.rt-fill{fill:rgba(227,176,78,.09)}
.rt-path{fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.rt-axis{stroke:var(--line-2);stroke-width:1}
.rt-gridline{stroke:rgba(255,255,255,.055);stroke-width:1}
.rt-sep{stroke:var(--line-2);stroke-width:1;stroke-dasharray:3 4}
.rt-pt{fill:var(--gold-2)}
.rt-bed{fill:var(--teal)}
.rt-tick{fill:var(--dim);font-size:9px;font-family:var(--mono)}
.rt-peak{fill:var(--gold-2);font-size:9.5px;font-family:var(--mono)}
.rt-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:11px;font-size:11.5px;color:var(--muted)}
.rt-legend span{display:flex;align-items:center;gap:7px}
.rt-key{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}
.rt-warn{display:flex;gap:12px;margin-top:16px;padding:12px 15px;border-radius:var(--radius-s);
background:rgba(224,122,114,.08);border:1px solid rgba(224,122,114,.32)}
.rt-warn b{flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--coral);padding-top:2px}
.rt-warn p{font-size:12.5px;line-height:1.75;color:#c9ced6}
/* 逐日行程时间轴 */
.rt-day{position:relative;padding-left:42px;padding-bottom:4px}
.rt-day + .rt-day{margin-top:18px}
.rt-day::before{content:"";position:absolute;left:14px;top:33px;bottom:-16px;width:1px;background:var(--line-2)}
.rt-day:last-child::before{display:none}
.rt-dayno{position:absolute;left:0;top:1px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;
font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--on-gold);background:var(--grad-gold)}
.rt-dayhead{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 12px;min-height:29px}
.rt-dayhead b{font-size:15px;font-weight:650;line-height:1.6}
.rt-dayhead em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--dim)}
.rt-row{display:flex;gap:12px;align-items:flex-start;margin-top:9px;padding:10px 14px;
border-radius:var(--radius-s);background:var(--panel-2);border:1px solid var(--line)}
.rt-row>i{font-style:normal;flex-shrink:0;width:32px;padding-top:2px;
font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--dim)}
.rt-rbody{min-width:0;font-size:12.5px;line-height:1.75;color:var(--muted)}
.rt-rbody b{display:block;font-size:13px;font-weight:600;color:var(--text)}
.rt-stop{display:flex;gap:12px;align-items:flex-start;margin-top:9px;padding:11px 14px;border-radius:var(--radius-s);
background:var(--panel-2);border:1px solid var(--line);transition:.22s}
.rt-stop.link{cursor:pointer}
.rt-stop.link:hover{border-color:rgba(227,176,78,.42);background:var(--panel-3)}
.rt-slot{flex-shrink:0;font-size:10.5px;font-weight:600;letter-spacing:.04em;padding:3px 9px;
border-radius:var(--radius-pill);color:var(--gold-2);background:var(--gold-dim);border:1px solid rgba(227,176,78,.32)}
.rt-sbody{flex:1;min-width:0}
.rt-sbody>b{font-size:13.5px;font-weight:600;line-height:1.5}
.rt-sbody>b i{font-style:normal;margin-left:7px;font-size:9.5px;letter-spacing:.12em;font-weight:600;
padding:2px 7px;border-radius:var(--radius-pill);color:var(--teal);border:1px solid rgba(99,182,201,.35)}
.rt-sbody em{display:block;font-style:normal;font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:3px}
.rt-sbody p{font-size:12.5px;line-height:1.7;color:var(--muted);margin-top:5px}
.rt-sky{flex-shrink:0;align-self:center;font-size:11.5px;padding:5px 11px;border-radius:var(--radius-pill);
background:var(--panel-3);border:1px solid var(--line);color:var(--muted);transition:.22s}
.rt-sky:hover{color:var(--gold-2);border-color:rgba(227,176,78,.45)}
.rt-tips{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.rt-tips li{display:flex;gap:10px;font-size:12.5px;line-height:1.75;color:var(--muted);list-style:none}
.rt-tips li::before{content:"—";flex-shrink:0;color:var(--dim)}
.rt-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
/* 路书表单：天数是骨架，加减天数时只重绘日程块，标题与季节芯片不受影响 */
.rf-count{display:flex;align-items:center;gap:11px}
.rf-count button{width:34px;height:34px;border-radius:10px;flex-shrink:0;background:var(--panel-2);
border:1px solid var(--line);color:var(--text);font-size:17px;line-height:1;transition:.22s}
.rf-count button:hover{color:var(--gold-2);border-color:rgba(227,176,78,.5)}
.rf-count b{font-family:var(--mono);font-size:15px;min-width:52px;text-align:center}
.rf-count span{font-size:11.5px;color:var(--dim)}
.rf-days{display:flex;flex-direction:column;gap:14px}
.rf-day{padding:14px 15px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--panel-2)}
.rf-day input,.rf-day select{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:9px;
padding:8px 11px;font-size:13px;outline:none;transition:.22s}
.rf-day input:focus,.rf-day select:focus{border-color:rgba(227,176,78,.5)}
.rf-day input[readonly]{color:var(--gold-2);cursor:default}
.rf-dayhead{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.rf-dayhead b{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--gold-2)}
.rf-dayhead>span{font-family:var(--mono);font-size:10.5px;color:var(--dim)}
.rf-dayhead .rt-mini{margin-left:auto}
.rf-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.rf-cols-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}
.rf-lbl{display:block;margin:13px 0 7px;font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--dim)}
.rf-stop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.rf-stop .rf-s-name{flex:3 1 140px}
.rf-stop .rf-s-alt{flex:1 1 76px}
.rf-stop .rf-s-slot{flex:2 1 108px}
.rf-stop button{flex:0 0 30px;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);
color:var(--dim);font-size:12px;transition:.22s}
.rf-stop button:hover{color:var(--coral);border-color:rgba(224,122,114,.45)}
.rf-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px}
.rf-add select{flex:1 1 180px;min-width:0}
/* ---------- 机位库 · Spot Atlas ---------- */
/* 筛选条：季节 / 时段 两组单选，空值代表「全部」 */
.filters{display:flex;flex-direction:column;gap:11px;margin-bottom:24px;padding:15px 18px;
background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.filter-row>i{font-style:normal;font-size:10px;letter-spacing:.28em;color:var(--dim);font-weight:600;width:38px;flex-shrink:0}
.filter-row button{font-size:12.5px;padding:5px 12px;border-radius:var(--radius-pill);color:var(--muted);
background:var(--panel-2);border:1px solid var(--line);transition:.22s}
.filter-row button:hover{color:var(--text);border-color:var(--line-2)}
.filter-row button.on{color:var(--gold-2);background:var(--gold-dim);border-color:rgba(227,176,78,.45);font-weight:600}
.atlas-count{font-family:var(--mono);font-size:10.5px;color:var(--dim);letter-spacing:.06em;margin-left:auto}
/* 卡片沿用帖子卡骨架，只补机位特有的坐标行与属性芯片 */
.spot-coord{display:flex;align-items:baseline;gap:8px;min-width:0;margin-top:8px;
font-family:var(--mono);font-size:10.8px;color:var(--muted);letter-spacing:.02em}
.spot-coord b{color:var(--gold);font-weight:500;flex-shrink:0}
.spot-coord span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.chip{font-size:11px;letter-spacing:.04em;padding:3px 9px;border-radius:var(--radius-pill);
background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}
.chip.gold{color:var(--gold-2);background:var(--gold-dim);border-color:rgba(227,176,78,.32)}
.btn-ghost{font-size:12.5px;font-weight:600;padding:7px 15px;border-radius:var(--radius-pill);flex-shrink:0;
background:var(--gold-dim);border:1px solid rgba(227,176,78,.45);color:var(--gold-2);transition:.22s}
.btn-ghost:hover{background:var(--grad-gold);color:var(--on-gold);border-color:transparent}
.spot-tips{font-size:13px;color:var(--muted);line-height:1.8;margin-top:16px}
.spot-tips b{display:block;color:var(--text);font-weight:600;margin-bottom:5px}
.spot-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btn-ghost.ghost-2{background:var(--panel-3);border-color:var(--line);color:var(--muted)}
.btn-ghost.ghost-2:hover{background:var(--panel-3);border-color:var(--line-2);color:var(--text)}
/* ---------- 机位地图 · Spot Map ---------- */
/* 底图是一层 ![]()
瓦片，反相调色后融入暗色主题；
瓦片全挂时容器退化为坐标网格，标注仍按真实投影排布 */
.spot-map{position:relative;margin-bottom:22px;border:1px solid var(--line);border-radius:var(--radius);
overflow:hidden;background:var(--panel);box-shadow:var(--shadow-2)}
.map-view{position:relative;height:clamp(300px,44vh,470px);overflow:hidden;cursor:grab;touch-action:none;
background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/56px 56px,
linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/56px 56px,
radial-gradient(120% 100% at 50% 0,var(--panel-2),var(--bg));
transition:height var(--dur-slow) var(--ease)}
.map-view.dragging{cursor:grabbing}
.spot-map.folded .map-view{height:0;border-top:none}
.spot-map.folded{box-shadow:none}
.spot-map.folded .map-bar{position:static;background:none}
.spot-map.folded .map-ctrl,.spot-map.folded .map-attr,.spot-map.folded .map-note{display:none}
.map-tiles,.map-pins{position:absolute;inset:0}
.map-pins{pointer-events:none}
.map-pins>*{pointer-events:auto}
.map-tile{position:absolute;width:256px;height:256px;max-width:none;user-select:none;-webkit-user-drag:none;
opacity:0;transition:opacity .4s var(--ease);
filter:invert(1) hue-rotate(180deg) brightness(.86) contrast(.92) saturate(.5)}
.map-tile.on{opacity:.9}
/* 标注：金色圆点 + 下方尖角，尖角顶点即真实坐标 */
.map-pin{position:absolute;transform:translate(-50%,-100%);padding:0;line-height:0;z-index:2}
.map-pin i{position:relative;display:block;width:14px;height:14px;border-radius:50%;
background:var(--grad-gold);border:2px solid rgba(10,11,13,.8);box-shadow:var(--shadow-gold);transition:.2s}
.map-pin i::after{content:"";position:absolute;left:50%;top:100%;width:0;height:0;
transform:translate(-50%,-2px);border:4px solid transparent;border-top-color:var(--gold)}
.map-pin span{position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);
max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;
font-size:11px;font-weight:600;padding:2px 9px;border-radius:var(--radius-pill);color:var(--text);
background:rgba(10,11,13,.86);border:1px solid var(--line-2);opacity:0;transition:.2s;pointer-events:none}
.map-pin:hover,.map-pin.on{z-index:4}
.map-pin:hover span{opacity:1}
.map-pin:hover i{transform:scale(1.18)}
.map-pin.on i{background:var(--gold-2);box-shadow:0 0 0 7px rgba(227,176,78,.16),var(--shadow-gold)}
.map-cluster{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;
min-width:34px;height:34px;padding:0 9px;border-radius:var(--radius-pill);z-index:3;transition:.2s;
font-family:var(--mono);font-size:13px;font-weight:600;color:var(--on-gold);
background:var(--grad-gold);border:2px solid rgba(10,11,13,.7);
box-shadow:0 0 0 7px rgba(227,176,78,.13),var(--shadow-gold)}
.map-cluster:hover{transform:translate(-50%,-50%) scale(1.09)}
/* 点击标注弹出的机位预览卡 */
.map-pop{position:absolute;z-index:6;width:250px;transform:translate(-50%,calc(-100% - 26px));
background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius-s);
box-shadow:var(--shadow-1);opacity:0;visibility:hidden;transition:opacity .22s var(--ease)}
.map-pop.show{opacity:1;visibility:visible}
.map-pop img{width:100%;height:110px;object-fit:cover;
border-radius:calc(var(--radius-s) - 1px) calc(var(--radius-s) - 1px) 0 0}
.map-pop-body{padding:11px 13px 13px}
.map-pop-body h6{font-size:13.5px;font-weight:650;line-height:1.4}
.map-pop-body p{font-family:var(--mono);font-size:10.5px;color:var(--gold);margin-top:5px}
.map-pop-body small{display:block;font-size:11.5px;color:var(--muted);line-height:1.6;margin-top:5px}
.map-pop .chip-row{margin-top:9px}
.map-pop-act{display:flex;gap:8px;margin-top:12px}
.map-pop-act button{flex:1;font-size:12px;font-weight:600;padding:6px 0;border-radius:var(--radius-pill);transition:.2s}
.map-pop-act .go{color:var(--on-gold);background:var(--grad-gold)}
.map-pop-act .cp{color:var(--muted);background:var(--panel-3);border:1px solid var(--line)}
.map-pop-act .cp:hover{color:var(--text);border-color:var(--line-2)}
.map-pop-arrow{position:absolute;bottom:-7px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);
background:var(--panel-2);border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
/* 浮层控件：顶部信息条 / 右侧缩放 / 版权 / 提示 / 降级说明 */
.map-bar{position:absolute;top:0;left:0;right:0;z-index:7;display:flex;align-items:center;gap:10px;
padding:11px 13px;pointer-events:none;background:linear-gradient(rgba(10,11,13,.7),transparent)}
.map-bar>*{pointer-events:auto}
.map-title{font-size:10px;letter-spacing:.3em;color:var(--muted);font-weight:600}
.map-stat{font-family:var(--mono);font-size:11px;color:var(--gold-2);background:rgba(10,11,13,.6);
border:1px solid var(--line);border-radius:var(--radius-pill);padding:3px 11px;white-space:nowrap}
.map-fold{margin-left:auto;font-size:12px;color:var(--muted);background:rgba(10,11,13,.6);
border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px 13px;transition:.2s}
.map-fold:hover{color:var(--text);border-color:var(--line-2)}
.map-ctrl{position:absolute;right:13px;bottom:36px;z-index:7;display:flex;flex-direction:column;gap:7px}
.map-ctrl button{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-s);
font-size:15px;color:var(--text);background:rgba(13,15,19,.82);border:1px solid var(--line-2);transition:.2s}
.map-ctrl button:hover{background:var(--panel-3);border-color:var(--gold);color:var(--gold-2)}
.map-attr{position:absolute;right:0;bottom:0;z-index:7;font-size:9.5px;color:var(--dim);
background:rgba(10,11,13,.7);padding:3px 9px;border-radius:var(--radius-s) 0 0 0}
.map-attr a{color:var(--muted)}
.map-attr a:hover{color:var(--gold)}
.map-hint{position:absolute;left:50%;bottom:16px;z-index:7;transform:translate(-50%,7px);
font-size:11.5px;color:var(--text);background:rgba(10,11,13,.88);border:1px solid var(--line-2);
border-radius:var(--radius-pill);padding:5px 15px;opacity:0;pointer-events:none;transition:.25s var(--ease)}
.map-hint.show{opacity:1;transform:translate(-50%,0)}
.map-note{position:absolute;left:13px;bottom:36px;z-index:7;max-width:min(330px,74%);display:none;
font-size:11.5px;line-height:1.7;color:var(--muted);background:rgba(10,11,13,.88);
border:1px solid var(--line-2);border-left:2px solid var(--gold);
border-radius:var(--radius-s);padding:9px 12px}
.spot-map.off .map-note{display:block}
/* ---------- 器材库 · Gear Database ---------- */
/* 列表卡沿用帖子卡骨架，只把「作者 + 互动数」换成「关键规格 + 价格」 */
.gear-seg{max-width:300px;margin-bottom:16px}
.gear-spec{font-family:var(--mono);font-size:10.8px;color:var(--muted);margin-top:8px;
letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gear-spec b{color:var(--gold);font-weight:500}
.gear-foot{display:flex;align-items:baseline;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.gear-foot .price{font-family:var(--mono);font-size:13px;color:var(--gold-2);font-weight:500}
.gear-foot .price i{font-style:normal;font-size:9px;letter-spacing:.08em;color:var(--dim);margin-right:4px}
.gear-foot .year{font-size:11px;color:var(--dim);letter-spacing:.06em;margin-left:auto}
/* 关键词在另一类目里也有命中时给个跳转提示，省得用户以为搜不到 */
.gear-hint{font-size:12.5px;color:var(--dim);margin:-8px 0 18px}
.gear-hint b{color:var(--gold-2);font-weight:600;cursor:pointer}
.gear-hint b:hover{text-decoration:underline}
.price-feed-banner{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}
.price-feed-banner.live{border-color:rgba(96,193,132,.28);background:rgba(96,193,132,.05)}
.price-feed-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--gold);box-shadow:0 0 0 5px rgba(214,170,86,.1)}
.price-feed-banner.live .price-feed-dot{background:#60c184;box-shadow:0 0 0 5px rgba(96,193,132,.1)}
.price-feed-banner>div{min-width:0}.price-feed-banner b{font-size:12px}.price-feed-banner p{font-size:11px;color:var(--muted);margin-top:2px}
.price-feed-banner>em{font-family:var(--mono);font-style:normal;font-size:10px;color:var(--dim);margin-left:auto;white-space:nowrap}
.price-panel{margin:0 0 20px;padding:18px;border:1px solid rgba(214,170,86,.22);border-radius:14px;background:linear-gradient(145deg,rgba(214,170,86,.065),rgba(255,255,255,.012) 45%)}
.price-head,.price-trend-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.price-head>div>i{display:block;font-family:var(--mono);font-style:normal;font-size:9px;letter-spacing:.22em;color:var(--gold)}
.price-head h4{font-family:var(--serif);font-size:19px;margin-top:2px}.price-head>span{font-family:var(--mono);font-size:9px;color:var(--dim);padding:5px 8px;border:1px solid var(--line);border-radius:999px}
.price-head>span.live{color:#7dd69e;border-color:rgba(96,193,132,.3);background:rgba(96,193,132,.06)}
.price-sku{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(10,11,13,.38)}
.price-sku b{font-size:11.5px;font-weight:600;color:#d7dbe1}.price-sku span{font-family:var(--mono);font-size:9.5px;color:var(--dim);text-align:right}
.price-decision{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:4px 18px;margin-top:9px;padding:13px 14px;border:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:9px;background:rgba(255,255,255,.018)}
.price-decision>strong{grid-row:1/3;align-self:stretch;display:grid;place-items:center;min-width:76px;padding:4px 10px;border-radius:7px;font-size:12px;letter-spacing:.08em;background:var(--panel-3);color:var(--muted)}
.price-decision>div{display:flex;align-items:baseline;gap:10px}.price-decision>div b{font-family:var(--mono);font-size:20px;font-weight:550;color:var(--gold-2)}
.price-decision>div span,.price-decision p{font-size:10px;color:var(--dim)}.price-decision p{line-height:1.55}
.price-decision.best{border-left-color:#60c184;background:rgba(96,193,132,.055)}.price-decision.best>strong{color:#83dba4;background:rgba(96,193,132,.12)}
.price-decision.good{border-left-color:var(--gold);background:rgba(214,170,86,.055)}.price-decision.good>strong{color:var(--gold-2);background:var(--gold-dim)}
.price-decision.normal{border-left-color:#63b6c9}.price-decision.normal>strong{color:#83ccdc;background:rgba(99,182,201,.1)}
.price-decision.high{border-left-color:var(--coral);background:rgba(221,115,108,.045)}.price-decision.high>strong{color:#ea9994;background:rgba(221,115,108,.1)}
.price-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:15px 0;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.price-summary>div{display:flex;flex-direction:column;gap:3px;padding:12px;background:#111318}.price-summary i{font-style:normal;font-size:9px;color:var(--dim);letter-spacing:.08em}
.price-summary b{font-family:var(--mono);font-size:17px;color:var(--gold-2)}.price-summary span{font-size:10px;color:var(--muted)}
.price-offers{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.price-offer{display:grid;grid-template-columns:minmax(0,1fr) auto 76px;align-items:center;gap:12px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;color:inherit;background:rgba(255,255,255,.016);transition:.18s ease}
.price-offer:hover,.price-offer:focus-visible{border-color:rgba(214,170,86,.45);transform:translateY(-1px);background:rgba(214,170,86,.04)}.price-offer.best{border-color:rgba(214,170,86,.35)}
.price-offer>span{min-width:0}.price-offer>span b{display:block;font-size:12px}.price-offer>span i{display:block;font-style:normal;font-size:9.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.price-offer>span small{display:block;margin-top:4px;font-size:9px;line-height:1.5;color:#8f96a1}
.price-offer>em{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--mono);font-style:normal;font-size:14px;color:var(--gold-2)}.price-offer del{font-size:9px;color:var(--dim)}
.price-offer>strong{font-size:10px;text-align:right;color:var(--muted);font-weight:500}.price-offer.best>strong{color:var(--gold)}
.price-offer.outlier{opacity:.58;border-style:dashed}.price-offer.outlier>em{color:var(--dim)}.price-offer.outlier:hover{opacity:.82}
.price-trend-head{align-items:center;margin:4px 0 8px}.price-trend-head h5{font-size:11px;letter-spacing:.12em}.price-trend-head span{font-size:9px;color:var(--dim)}
.price-trend-head span i{display:inline-block;width:13px;height:2px;background:var(--gold);vertical-align:middle;margin:0 4px 0 9px}.price-trend-head span i:last-of-type{background:var(--muted);opacity:.7}
.price-ranges{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:rgba(10,11,13,.45)}
.price-ranges button{padding:4px 7px;border-radius:5px;font-family:var(--mono);font-size:9px;color:var(--dim);transition:.18s}.price-ranges button:hover{color:var(--text)}.price-ranges button.on{color:var(--on-gold);background:var(--gold)}
.price-chart{display:block;width:100%;height:auto;overflow:visible}.price-chart .grid{stroke:var(--line);stroke-width:1}.price-chart .low{fill:none;stroke:var(--gold);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.price-chart .avg{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:5 5;opacity:.7}.price-chart .area{fill:url(#priceArea);stroke:none}.price-chart circle{fill:#111318;stroke:var(--gold);stroke-width:2}.price-chart text{font-family:var(--mono);font-size:9px;fill:var(--dim)}
.price-chart .event line{stroke:rgba(99,182,201,.5);stroke-width:1;stroke-dasharray:3 4}.price-chart .event text{fill:#82c9d9;font-size:8px}
.price-alert{display:flex;align-items:center;gap:8px;margin-top:13px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(10,11,13,.4)}
.price-alert>div{min-width:0;margin-right:auto}.price-alert b{display:block;font-size:11px}.price-alert span{display:block;margin-top:2px;font-size:9.5px;color:var(--dim)}
.price-alert input{width:98px;padding:7px 9px;border:1px solid var(--line-2);border-radius:7px;background:var(--panel-2);font-family:var(--mono);font-size:11px;color:var(--text);outline:none}.price-alert input:focus{border-color:var(--gold)}
.price-alert button{padding:7px 11px;border-radius:7px;background:var(--gold);font-size:10px;font-weight:650;color:var(--on-gold)}.price-alert button.clear{border:1px solid var(--line);background:transparent;color:var(--muted)}
.price-report{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:rgba(10,11,13,.34);overflow:hidden}.price-report summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;cursor:pointer;list-style:none;transition:.18s}.price-report summary::-webkit-details-marker{display:none}.price-report summary:hover{background:rgba(214,170,86,.035)}
.price-report summary span{display:flex;align-items:baseline;gap:9px}.price-report summary b{font-size:11px}.price-report summary i,.price-report summary em{font-style:normal;font-size:9px;color:var(--dim)}.price-report[open] summary{border-bottom:1px solid var(--line)}.price-report[open] summary em{color:var(--gold)}
.price-report-body{padding:13px}.price-report-body>p{font-size:9.5px!important;line-height:1.65!important;color:var(--dim)!important;margin:0 0 11px!important}.price-report form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.price-report label{display:flex;flex-direction:column;gap:5px}.price-report label.wide,.price-report-foot{grid-column:1/-1}.price-report label>span{font-size:9px;color:var(--muted)}
.price-report input,.price-report textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);padding:8px 9px;font-family:inherit;font-size:10.5px;line-height:1.45;color:var(--text);outline:none;resize:vertical}.price-report input:focus,.price-report textarea:focus{border-color:rgba(214,170,86,.6)}.price-report input::placeholder,.price-report textarea::placeholder{color:#5f6670}
.price-report-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.price-report-foot small{font-size:9px;line-height:1.5;color:var(--dim)}.price-report-foot button{flex:0 0 auto;padding:8px 13px;border-radius:7px;background:var(--gold);font-size:10px;font-weight:650;color:var(--on-gold)}.price-report-foot button:disabled{opacity:.55;cursor:wait}.price-hp{display:none!important}
.price-report-state{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px;padding:8px 9px;border-radius:7px;font-size:9.5px}.price-report-state.ok{color:#83dba4;background:rgba(96,193,132,.09);border:1px solid rgba(96,193,132,.22)}.price-report-state.bad{color:#ea9994;background:rgba(221,115,108,.08);border:1px solid rgba(221,115,108,.2)}.price-report-state small{font-family:var(--mono);font-size:8.5px;color:inherit;opacity:.75}.price-report-unavailable{margin-top:10px;padding:9px 11px;border:1px dashed var(--line);border-radius:8px;font-size:9.5px;color:var(--dim)}
.price-disclaimer{font-size:9.5px!important;line-height:1.65!important;color:var(--dim)!important;margin:10px 0 0!important}.price-search-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.price-search-links a{font-size:10px;color:var(--gold-2);padding:7px 9px;border:1px solid var(--line);border-radius:8px}.price-search-links a:hover,.price-search-links a:focus-visible{border-color:var(--gold)}
.price-empty{padding:32px 12px;text-align:center;font-size:11px;color:var(--dim);border:1px dashed var(--line);border-radius:9px}
/* ---------- 摄影周边 · Accessories ---------- */
/* 周边没有机身镜头那样的统一参数表——三脚架比载重、滤镜比档位、
防潮箱比容积——所以规格行、指标条与推荐规格全部由类别定义驱动。 */
.acc-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.acc-cat{text-align:left;padding:15px 16px;border-radius:var(--radius-s);background:var(--panel-2);
border:1px solid var(--line);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.acc-cat:hover{border-color:var(--line-2);transform:translateY(-2px)}
.acc-cat i{font-style:normal;display:block;font-family:var(--mono);font-size:9.5px;
letter-spacing:.22em;color:var(--gold-2);margin-bottom:7px}
.acc-cat b{display:block;font-size:14.5px;font-weight:650;margin-bottom:6px}
.acc-cat span{display:block;font-size:12px;color:var(--muted);line-height:1.7}
.acc-cat em{font-style:normal;display:block;margin-top:9px;font-family:var(--mono);
font-size:10.5px;color:var(--dim);letter-spacing:.05em}
/* 推荐规格：只给一条参考线与它成立的理由，不替用户下「买哪个」的结论 */
.acc-guide{background:var(--panel-2);border:1px solid var(--line);border-left:2px solid var(--gold);
border-radius:var(--radius-s);padding:16px 18px;margin-bottom:24px}
.acc-guide>h5{font-size:10px;letter-spacing:.32em;color:var(--dim);font-weight:600;margin-bottom:10px}
.acc-guide>p{font-size:13px;color:var(--muted);line-height:1.8}
.acc-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(186px,1fr));gap:11px;margin-top:14px}
.acc-pick{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-s);padding:12px 13px}
.acc-pick i{font-style:normal;display:inline-block;font-family:var(--mono);font-size:11px;
color:var(--gold-2);background:var(--gold-dim);border:1px solid rgba(227,176,78,.32);
border-radius:var(--radius-pill);padding:2px 9px;margin-bottom:8px}
.acc-pick b{display:block;font-size:12.5px;font-weight:650;margin-bottom:5px}
.acc-pick span{display:block;font-size:11.5px;color:var(--muted);line-height:1.75}
.acc-caveat{font-size:11.5px;color:var(--dim);line-height:1.75;margin-top:13px;
padding-top:11px;border-top:1px dashed var(--line-2)}
/* 关键指标条：满格取同类常见上限，条长只表示数值大小，不代表好坏 */
.acc-meters{display:flex;flex-direction:column;gap:10px}
.acc-meter{display:flex;align-items:center;gap:12px}
.acc-meter>i{font-style:normal;font-size:11.5px;color:var(--muted);width:118px;flex-shrink:0}
.acc-meter .stop-val{width:88px;text-align:right}
/* 器材详情：单栏长卡，顶部产品图渐隐进面板，下面全是规格 */
.gear-modal{width:min(880px,100%);position:relative;display:flex;flex-direction:column}
.gear-hero{position:relative;height:210px;flex-shrink:0;overflow:hidden;background:#14161b}
.gear-hero img{width:100%;height:100%;object-fit:cover}
.gear-hero::after{content:"";position:absolute;inset:0;
background:linear-gradient(180deg,rgba(10,11,13,.15) 0%,rgba(10,11,13,.6) 58%,var(--panel) 100%)}
.gear-hero .gh{position:absolute;left:26px;right:66px;bottom:14px;z-index:2}
.gear-hero .gh i{font-style:normal;display:block;font-size:10.5px;letter-spacing:.3em;color:var(--gold-2);font-weight:600}
.gear-hero .gh h3{font-family:var(--serif);font-size:clamp(19px,4.2vw,25px);font-weight:700;line-height:1.3;margin-top:5px}
.gear-body{overflow-y:auto;padding:20px 26px 26px;min-height:0}
.gear-line{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.05em;margin-bottom:16px}
.spec-block{margin-top:20px}
.spec-block>h5{font-size:10px;letter-spacing:.32em;color:var(--dim);font-weight:600;margin-bottom:12px}
.spec-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.spec-rows>div{display:flex;gap:12px;align-items:baseline;font-size:12.5px;padding:7px 0;border-bottom:1px dashed var(--line)}
.spec-rows i{font-style:normal;color:var(--dim);letter-spacing:.12em;width:62px;flex-shrink:0}
.spec-rows em{font-style:normal;font-family:var(--mono);color:#cfd4db;min-width:0;word-break:break-word}
.gear-note{font-size:13px;color:var(--muted);line-height:1.85;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
/* 防抖级数：进度条以 8 档为满格，横向比较一眼看出差距 */
.stop-meter{display:flex;align-items:center;gap:12px}
.stop-bar{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--panel-3);overflow:hidden;min-width:60px}
.stop-bar i{display:block;height:100%;border-radius:var(--radius-pill);background:var(--grad-gold)}
.stop-val{font-family:var(--mono);font-size:13px;color:var(--gold-2);flex-shrink:0}
.stop-note{font-size:11.5px;color:var(--dim);line-height:1.7;margin-top:9px}
.stop-meter .stop-note{margin:0;flex-shrink:0}
/* 传感器面积示意：以全画幅 36×24 为参照，按真实毫米数等比缩放 */
.sensor-fig{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.sensor-svg{flex:1 1 250px;max-width:286px;height:auto}
.sf-ref{fill:none;stroke:var(--line-2);stroke-width:1;stroke-dasharray:4 4}
.sf-sensor{fill:rgba(227,176,78,.12);stroke:var(--gold);stroke-width:1.4}
.sf-t{fill:var(--dim);font-size:9.5px;font-family:var(--mono)}
.sf-t.on{fill:var(--gold-2)}
.sensor-meta{flex:1 1 210px;font-size:12.5px;color:var(--muted);line-height:2;min-width:0}
.sensor-meta b{color:var(--gold-2);font-family:var(--mono);font-weight:500}
/* MTF 画质图：内联 SVG 现画，实线弧矢 / 虚线子午，金色 10lp、青色 30lp */
.mtf-tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.mtf-tabs button{font-size:12px;padding:5px 12px;border-radius:var(--radius-pill);color:var(--muted);
background:var(--panel-2);border:1px solid var(--line);transition:.22s}
.mtf-tabs button:hover{color:var(--text);border-color:var(--line-2)}
.mtf-tabs button.on{color:var(--gold-2);background:var(--gold-dim);border-color:rgba(227,176,78,.45);font-weight:600}
.mtf-wrap{padding:14px 14px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-s)}
.mtf-chart{display:block;width:100%;height:auto}
.mtf-grid{stroke:rgba(255,255,255,.055);stroke-width:1}
.mtf-axis{stroke:var(--line-2);stroke-width:1}
.mtf-t{fill:var(--dim);font-size:9px;font-family:var(--mono)}
.mtf-t.cap{fill:var(--muted);font-size:9.5px;letter-spacing:.1em}
.mtf-c{fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mtf-c.lp10{stroke:var(--gold)}
.mtf-c.lp30{stroke:var(--teal)}
.mtf-c.mer{stroke-dasharray:5 4}
.mtf-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:11px;color:var(--muted)}
.mtf-legend span{display:flex;align-items:center;gap:7px}
.mtf-legend em{font-style:normal;display:block;width:18px;border-top:2px solid var(--gold);flex-shrink:0}
.mtf-legend em.lp30{border-top-color:var(--teal)}
.mtf-legend em.mer{border-top-style:dashed}
.mtf-note{font-size:11px;color:var(--dim);line-height:1.75;margin-top:11px}
/* ---------- 器材双排对比 · Side-by-Side ---------- */
/* 三个色位固定分配给对比栏的第 1/2/3 款，全局只在这里定义一次：
表头圆点、面积示意图描边、MTF 曲线共用同一个 currentColor，
颜色跟着器材走，不跟着排序或筛选变。文字一律走文本色，不染色。 */
.cmp-c0{color:var(--gold)}
.cmp-c1{color:var(--teal)}
.cmp-c2{color:var(--coral)}
.cmp-dot{display:block;width:9px;height:9px;border-radius:50%;background:currentColor;flex-shrink:0}
/* 卡片右上角的勾选：点它只加对比，不打开详情 */
.cmp-tick{position:absolute;right:12px;top:12px;z-index:3;font-size:10.5px;letter-spacing:.1em;font-weight:600;
padding:4px 10px;border-radius:var(--radius-pill);color:var(--muted);background:rgba(10,11,13,.62);
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line-2);transition:.2s}
.cmp-tick:hover{color:var(--gold-2);border-color:rgba(227,176,78,.5)}
.cmp-tick.on{color:var(--on-gold);background:var(--grad-gold);border-color:transparent}
/* 选择托盘：贴底浮起，只在器材库出现；用 visibility 而非 display 以便过渡 */
.cmp-tray{position:fixed;left:50%;bottom:20px;z-index:70;display:flex;align-items:center;gap:12px;
max-width:calc(100vw - 28px);padding:9px 12px 9px 14px;border-radius:var(--radius-pill);
background:rgba(17,19,24,.93);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
border:1px solid var(--line-2);box-shadow:var(--shadow-1);
visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,16px);
transition:transform var(--dur) var(--ease),opacity var(--dur),visibility var(--dur)}
.cmp-tray.show{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.cmp-tray .slots{display:flex;gap:7px;flex-shrink:0}
.cmp-slot{position:relative;width:46px;height:33px;border-radius:8px;overflow:hidden;flex-shrink:0;
border:1px solid var(--line-2);background:#14161b}
.cmp-slot img{width:100%;height:100%;object-fit:cover}
.cmp-slot button{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#fff;
background:rgba(8,9,11,.6);opacity:0;transition:.2s}
.cmp-slot:hover button,.cmp-slot button:focus-visible{opacity:1}
.cmp-slot.ghost{border-style:dashed;display:grid;place-items:center;color:var(--dim);font-size:14px}
.cmp-tray .cnt{font-size:12px;color:var(--muted);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.cmp-tray .cnt b{color:var(--gold-2);font-family:var(--mono);font-weight:500}
.cmp-clear{font-size:12px;color:var(--dim);padding:6px 4px;flex-shrink:0;transition:.2s}
.cmp-clear:hover{color:var(--text)}
/* 对比弹窗：表头与首列双向吸附，横向滚动时始终知道自己在看哪一款的哪一项 */
.cmp-modal{width:min(1060px,100%);display:flex;flex-direction:column;position:relative}
.cmp-top{flex-shrink:0;padding:20px 62px 14px 26px;border-bottom:1px solid var(--line)}
.cmp-top h3{font-family:var(--serif);font-size:clamp(18px,4vw,21px);font-weight:700}
.cmp-top .sub{font-size:12.5px;color:var(--muted);line-height:1.75;margin-top:6px}
.cmp-top .sub b{color:var(--gold-2);font-weight:600}
.cmp-tools{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.cmp-toggle{font-size:12px;padding:5px 13px;border-radius:var(--radius-pill);color:var(--muted);
background:var(--panel-2);border:1px solid var(--line);transition:.2s}
.cmp-toggle:hover{color:var(--text);border-color:var(--line-2)}
.cmp-toggle.on{color:var(--gold-2);background:var(--gold-dim);border-color:rgba(227,176,78,.45);font-weight:600}
.cmp-tools .cmp-hint{font-family:var(--mono);font-size:10.5px;color:var(--dim);letter-spacing:.05em}
.cmp-scroll{overflow:auto;padding:0 26px 26px;min-height:0}
.cmp-table{width:100%;border-collapse:collapse;font-size:12.5px}
.cmp-table td,.cmp-table th{text-align:left;vertical-align:top;padding:9px 12px;border-bottom:1px solid var(--line)}
.cmp-table thead th{position:sticky;top:0;z-index:2;background:var(--panel);padding:14px 12px 12px;font-weight:400}
.cmp-lab{position:sticky;left:0;z-index:1;background:var(--panel);width:96px;min-width:96px;
color:var(--dim);font-weight:500;letter-spacing:.1em}
.cmp-table thead .cmp-lab{z-index:3}
.cmp-col{min-width:172px}
.cmp-th{display:flex;flex-direction:column;gap:7px}
.cmp-th .thumb{position:relative;width:100%;height:74px;border-radius:var(--radius-s);overflow:hidden;background:#14161b}
.cmp-th .thumb img{width:100%;height:100%;object-fit:cover}
.cmp-x{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
font-size:11px;color:#dfe2e7;background:rgba(8,9,11,.62);border:1px solid var(--line-2);transition:.2s}
.cmp-x:hover{background:rgba(227,176,78,.9);color:var(--on-gold);border-color:transparent}
.cmp-th .who{display:flex;align-items:center;gap:7px}
.cmp-th .who b{font-size:13px;font-weight:650;color:var(--text);line-height:1.4}
.cmp-th .sub{font-family:var(--mono);font-size:10.5px;color:var(--dim);letter-spacing:.04em}
.cmp-open{align-self:flex-start;font-size:11px;color:var(--muted);transition:.2s}
.cmp-open:hover{color:var(--gold-2)}
.cmp-table td b{display:block;font-family:var(--mono);font-size:12.5px;font-weight:500;color:#cfd4db;word-break:break-word}
.cmp-table td.win b{color:var(--gold-2)}
.cmp-meter{display:block;height:4px;border-radius:var(--radius-pill);background:var(--panel-3);margin-top:7px;overflow:hidden}
.cmp-meter i{display:block;height:100%;border-radius:var(--radius-pill);background:currentColor;opacity:.85}
.cmp-tag{display:inline-block;font-style:normal;margin-top:7px;font-size:9.5px;letter-spacing:.1em;padding:2px 7px;
border-radius:var(--radius-pill);color:var(--gold-2);background:var(--gold-dim);border:1px solid rgba(227,176,78,.3)}
.cmp-group td{background:var(--panel-2);border-bottom:1px solid var(--line)}
.cmp-group span{position:sticky;left:0;display:inline-block;font-size:10px;letter-spacing:.3em;
color:var(--dim);font-weight:600}
.cmp-hidden{font-size:11.5px;color:var(--dim);margin-top:12px}
/* 图形区：相机画感光面积，镜头画 MTF 曲线，两者都只用三个色位 */
.cmp-fig{margin-top:22px;padding:15px 16px 13px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-s)}
.cmp-fig>h5{font-size:10px;letter-spacing:.32em;color:var(--dim);font-weight:600;margin-bottom:12px}
.cmp-chart{display:block;width:100%;height:auto}
.cmp-srect{fill:none;stroke:currentColor;stroke-width:1.6}
.cmp-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cmp-end{fill:currentColor}
.cmp-lbl{fill:var(--muted);font-size:9.5px;font-family:var(--mono)}
.cmp-sensor{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.cmp-sensor .cmp-chart{flex:1 1 260px;max-width:330px}
.cmp-sfacts{flex:1 1 230px;min-width:0;display:flex;flex-direction:column;gap:9px}
.cmp-sfacts>div{display:flex;align-items:center;gap:8px;font-size:12px;min-width:0}
.cmp-sfacts span{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-sfacts em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:auto;flex-shrink:0}
.cmp-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:11.5px;color:var(--muted)}
.cmp-legend span{display:flex;align-items:center;gap:7px}
/* ---------- 作品广场 · 上传与瀑布流 ---------- */
/* 上传区：整块是