.name-wrap{max-width:960px;margin:0 auto;padding:20px 16px 60px}
.name-wrap h1{font-size:28px;margin:8px 0 2px}
.name-wrap .sub{color:var(--dim,#5b6b86);margin:0 0 14px}
.name-wrap .bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 18px}
.name-wrap .pill{background:var(--card,#fff);border:1px solid var(--line,rgba(20,36,59,.14));border-radius:999px;padding:4px 12px;font-size:13px}
.name-wrap .pill.warn{border-color:var(--coral,#ef694f);color:var(--coral,#ef694f)}
.name-wrap button{font:inherit;border:0;border-radius:10px;padding:8px 14px;cursor:pointer;background:var(--blue,#1645d5);color:#fff}
.name-wrap button.ghost{background:var(--card,#fff);color:var(--ink,#14243b);border:1px solid var(--line,rgba(20,36,59,.14))}
.name-wrap button:disabled{opacity:.5;cursor:default}
.name-wrap .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.name-wrap .card{background:var(--card,#fff);border:1px solid var(--line,rgba(20,36,59,.14));border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.name-wrap .name{font-size:28px;font-weight:700;letter-spacing:1px;font-family:ui-monospace,Menlo,monospace}
.name-wrap .name small{font-size:12px;color:var(--dim,#5b6b86);font-weight:400;margin-left:6px;font-family:inherit}
.name-wrap .row{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--dim,#5b6b86)}
.name-wrap .row b{color:var(--ink,#14243b)}
.name-wrap .ends{font-variant-numeric:tabular-nums}
.name-wrap .ends.soon{color:var(--coral,#ef694f);font-weight:600}
.name-wrap .bidbox{display:flex;gap:6px;margin-top:4px}
.name-wrap .bidbox input{flex:1;min-width:0;font:inherit;padding:7px 10px;background:var(--card,#fff);color:var(--ink,#14243b);border:1px solid var(--line,rgba(20,36,59,.14));border-radius:10px}
.name-wrap .tag{display:inline-block;font-size:12px;border-radius:6px;padding:1px 8px;background:rgba(80,162,118,.12);color:var(--green,#50a276)}
.name-wrap .tag.me{background:rgba(22,69,213,.1);color:var(--blue,#1645d5)}
.name-wrap .tag.out{background:rgba(239,105,79,.12);color:var(--coral,#ef694f)}
.name-wrap .tag.end{background:rgba(20,36,59,.08);color:var(--dim,#5b6b86)}
.name-wrap .msg{font-size:13px;color:var(--coral,#ef694f);min-height:1em;margin-bottom:8px}
.name-wrap section{margin-top:26px}
.name-wrap h2{font-size:18px;margin:0 0 8px}
.name-wrap .order{background:var(--card,#fff);border:1px solid var(--line,rgba(20,36,59,.14));border-radius:14px;padding:14px 16px;margin-bottom:10px}
.name-wrap code{background:var(--codebg,rgba(20,36,59,.06));padding:1px 6px;border-radius:5px;font-size:12.5px;word-break:break-all}
.name-wrap .how{font-size:13px;color:var(--dim,#5b6b86);background:var(--card,#fff);border:1px dashed var(--line,rgba(20,36,59,.14));border-radius:12px;padding:12px 14px;margin-top:8px}
.name-wrap .how ol{margin:6px 0 0 18px;padding:0}
.name-wrap details summary{cursor:pointer;color:var(--blue,#1645d5);font-size:13px}
.name-wrap .foot{color:var(--dim,#5b6b86);font-size:12px;margin-top:30px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#14243b;color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;z-index:20}

/* 深色:跟 jic-nav 的 data-theme 走(浅色沿用 market.css 的纸色) */
:root[data-theme="dark"]{--ink:#e6e6e4;--dim:#9b9b98;--line:rgba(255,255,255,.14);--card:#222222;--codebg:rgba(255,255,255,.08);--blue:#7aa2ff;--coral:#ff8a73;--green:#6fcf97;color-scheme:dark}
:root[data-theme="dark"] body,:root[data-theme="dark"] .site-header,:root[data-theme="dark"] body>footer{background:#191919;color:var(--ink)}
:root[data-theme="dark"] .brand-mark{background:#e6e6e4;color:#191919}
:root[data-theme="dark"] .name-wrap button{color:#111}
:root[data-theme="dark"] .name-wrap button.ghost{color:var(--ink)}
:root[data-theme="dark"] .name-wrap .tag.end{background:rgba(255,255,255,.08)}