/* MarkVault for X — site styles */
:root{
  --bg:#F6F7F6; --surface:#FFFFFF; --raise:#FBFCFB;
  --ink:#1C2422; --muted:#5A6763; --line:#DCE2DF;
  --accent:#0F6B5C; --accent-ink:#0B5449; --accent-soft:#E3F0EC;
  --alert:#B3402F; --alert-soft:#FBEDEA;
  --shadow:0 1px 2px rgba(28,36,34,.05), 0 6px 20px rgba(28,36,34,.05);
  --radius:12px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#121715; --surface:#1A211E; --raise:#1F2825;
    --ink:#E6ECE9; --muted:#93A19B; --line:#2A332F;
    --accent:#4CC5AF; --accent-ink:#6ED4C1; --accent-soft:#17332D;
    --alert:#DE7A66; --alert-soft:#2A1D1A;
    --shadow:none;
  }
}
:root[data-theme="dark"]{
  --bg:#121715; --surface:#1A211E; --raise:#1F2825;
  --ink:#E6ECE9; --muted:#93A19B; --line:#2A332F;
  --accent:#4CC5AF; --accent-ink:#6ED4C1; --accent-soft:#17332D;
  --alert:#DE7A66; --alert-soft:#2A1D1A;
  --shadow:none;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink); font-size:17px; line-height:1.7;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
  font-feature-settings:"kern";
}
.display{font-family:Newsreader,ui-serif,Georgia,"Songti SC","Noto Serif CJK SC",serif;font-weight:500}
.mono,code,.num{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
a{color:var(--accent-ink);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
img{max-width:100%}
.wrap{max-width:1060px;margin:0 auto;padding:0 24px}
.prose{max-width:68ch}

/* header */
header.site{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 80%,transparent);position:sticky;top:0;z-index:10;backdrop-filter:saturate(1.4) blur(8px)}
header.site .wrap{display:flex;align-items:center;gap:20px;min-height:62px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;font-weight:650;letter-spacing:-.01em;text-decoration:none;color:var(--ink);font-size:16px}
.brand .glyph{width:22px;height:22px;flex:0 0 22px}
header.site nav{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:14.5px}
header.site nav a{color:var(--muted);text-decoration:none}
header.site nav a:hover,header.site nav a[aria-current]{color:var(--ink)}
.langswitch{border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:13px;color:var(--muted);text-decoration:none}
.langswitch:hover{border-color:var(--accent);color:var(--accent-ink)}

/* hero */
.hero{padding:88px 0 12px}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:650;margin:0 0 18px}
h1{font-size:clamp(34px,6vw,58px);line-height:1.08;letter-spacing:-.02em;margin:0 0 20px;text-wrap:balance;max-width:17ch}
.hero .sub{font-size:clamp(17px,2.2vw,20px);color:var(--muted);margin:0 0 32px;max-width:56ch;line-height:1.6}
.ctarow{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .12s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--accent);color:#fff}
:root[data-theme="dark"] .btn-primary,:root:not([data-theme="light"]) .btn-primary{color:#0B1613}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .btn-primary{color:#fff}}
.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--surface)}
.notice{font-size:13.5px;color:var(--muted);margin:0}

/* sections */
section{padding:64px 0}
section.tight{padding:40px 0}
h2{font-size:clamp(24px,3.4vw,32px);line-height:1.2;letter-spacing:-.015em;margin:0 0 14px;text-wrap:balance}
h3{font-size:18px;margin:0 0 8px;font-weight:650}
.lead{color:var(--muted);font-size:17px;margin:0 0 28px;max-width:62ch}
p{margin:0 0 16px}

/* cards */
.grid{display:grid;gap:16px}
.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow)}
.card p:last-child{margin-bottom:0}
.card .k{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:650;display:block;margin-bottom:8px}

/* the deleted-tweet motif */
.motif{border-left:3px solid var(--alert);background:var(--alert-soft);border-radius:0 var(--radius) var(--radius) 0;padding:22px 26px}
.motif .strike{text-decoration:line-through;color:var(--muted)}
.motif p:last-child{margin-bottom:0}

/* pricing */
.plans{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:start}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%}
.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}
.plan .name{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:650;margin:0 0 10px}
.plan .price{font-size:40px;font-weight:700;letter-spacing:-.02em;margin:0 0 2px;line-height:1.1}
.plan .price small{font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0}
.plan .was{color:var(--muted);text-decoration:line-through;font-size:17px;margin-left:8px;font-weight:500}
.plan .terms{color:var(--muted);font-size:14px;margin:0 0 20px}
.plan ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px;font-size:15px}
.plan li{padding-left:26px;position:relative;line-height:1.55}
.plan li::before{content:"";position:absolute;left:2px;top:.55em;width:11px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.plan li.no{color:var(--muted)}
.plan li.no::before{border:0;left:5px;top:.62em;width:9px;height:2px;background:var(--muted);transform:none}
.plan .foot{margin-top:auto}
.badge{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);margin-bottom:12px}

/* pledge */
.pledge{background:var(--accent-soft);border-radius:var(--radius);padding:28px 30px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}
.pledge h3{color:var(--accent-ink);font-size:19px}
.pledge p:last-child{margin-bottom:0}

/* faq */
.faq{display:grid;gap:0;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:650;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-weight:400;font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:12px 0 0;color:var(--muted);max-width:66ch}

/* legal pages */
.legal{padding:56px 0 24px}
.legal h1{font-size:clamp(28px,4vw,38px);max-width:24ch}
.legal .updated{color:var(--muted);font-size:14px;margin:0 0 8px}
.legal h2{font-size:20px;margin:38px 0 10px}
.legal ul{padding-left:22px;margin:0 0 16px}
.legal li{margin-bottom:7px}
.legal .draftnote{border-left:3px solid var(--alert);background:var(--alert-soft);padding:14px 18px;border-radius:0 8px 8px 0;font-size:14.5px;margin-bottom:28px}

/* footer */
footer.site{border-top:1px solid var(--line);margin-top:40px;padding:40px 0 56px;color:var(--muted);font-size:14px}
footer.site .cols{display:flex;gap:36px;flex-wrap:wrap;justify-content:space-between}
footer.site a{color:var(--muted);text-decoration:none}
footer.site a:hover{color:var(--ink);text-decoration:underline}
footer.site .links{display:flex;gap:20px;flex-wrap:wrap}
footer.site .fine{margin-top:22px;font-size:13px;max-width:70ch;line-height:1.6}
@media (max-width:640px){
  body{font-size:16px}
  .hero{padding:56px 0 8px}
  section{padding:48px 0}
}

/* ── 可交互检索 demo ───────────────────────────────── */
.demo{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.demo .bar{display:flex;align-items:center;gap:9px;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--raise)}
.demo .dot{width:9px;height:9px;border-radius:50%;background:var(--line)}
.demo .bar .url{font-size:12.5px;color:var(--muted);margin-left:6px}
.demo .pad{padding:20px 22px 24px}
.demo label{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:650;margin-bottom:8px}
.demo input[type=search]{width:100%;font:inherit;font-size:16px;padding:11px 14px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.demo input[type=search]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}
.chip{font:inherit;font-size:13px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer}
.chip:hover{border-color:var(--accent);color:var(--accent-ink)}
.seg{font-size:13px;color:var(--muted);margin:14px 0 0;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.tok{display:inline-block;padding:2px 9px;border-radius:6px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600;font-size:12.5px}
.panes{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:18px}
.pane{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--bg)}
.pane.mine{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 40%,var(--bg))}
.pane .ph{font-size:12.5px;font-weight:700;margin:0 0 3px}
.pane .psub{font-size:12px;color:var(--muted);margin:0 0 12px}
.pane .cnt{font-size:12px;color:var(--muted);margin:0 0 10px;font-variant-numeric:tabular-nums}
.hit{border-top:1px solid var(--line);padding:10px 0 9px;font-size:13.5px;line-height:1.55}
.hit:first-of-type{border-top:0}
.hit .who{font-size:12px;color:var(--muted);display:flex;gap:8px;justify-content:space-between;margin-bottom:3px}
.hit .sc{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:11.5px}
.hit mark{background:color-mix(in srgb,var(--accent) 28%,transparent);color:inherit;border-radius:3px;padding:0 2px}
.empty{color:var(--muted);font-size:13.5px;padding:14px 0 4px;line-height:1.6}
.demo .foot{font-size:12.5px;color:var(--muted);margin:16px 0 0;line-height:1.6}

/* ── 三个 0 ─────────────────────────────────────────── */
.zeros{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.zero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow)}
.zero .n{font-size:52px;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums;margin:0 0 8px}
.zero .t{font-weight:650;margin:0 0 6px;font-size:15.5px}
.zero p{font-size:14px;color:var(--muted);margin:0}

/* ── 磁盘证据 ───────────────────────────────────────── */
.disk{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.disk pre{margin:0;padding:20px 22px;overflow-x:auto;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12.5px;line-height:1.75;color:var(--ink)}
.disk pre .c{color:var(--muted)}
.disk pre .k{color:var(--accent-ink);font-weight:600}
.disk .cap{border-top:1px solid var(--line);padding:12px 22px;font-size:13px;color:var(--muted);background:var(--raise)}

/* ── 对比表 ─────────────────────────────────────────── */
.cmp{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.cmp table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}
.cmp th,.cmp td{padding:12px 14px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.cmp thead th{border-top:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:650;white-space:nowrap;background:var(--raise)}
.cmp thead th.us{color:var(--accent-ink);background:var(--accent-soft)}
.cmp td.us{background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface));font-weight:600}
.cmp td.rowh{font-weight:650;white-space:nowrap}
.srcs{font-size:13.5px;color:var(--muted);counter-reset:src}
.srcs li{margin-bottom:8px;line-height:1.6}
.disclose{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;padding:18px 22px;margin-bottom:8px}
.disclose p{margin:0;font-size:15px}
.short{border-left:3px solid var(--alert);background:var(--alert-soft);border-radius:0 var(--radius) var(--radius) 0;padding:18px 22px}
.short h3{margin-top:0}
.short p:last-child{margin-bottom:0}

/* ── 预约名单表单 ───────────────────────────────────── */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wl{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px 32px;box-shadow:var(--shadow)}
.wl h2{margin-top:0}
.wl .lead{margin-bottom:22px}
.wlrow{display:flex;gap:10px;flex-wrap:wrap}
.wlrow input[type=email]{flex:1 1 260px;min-width:0;font:inherit;font-size:16px;padding:12px 14px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.wlrow input[type=email]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.wlrow button{font:inherit;font-size:15px;font-weight:600;padding:12px 26px;border-radius:9px;border:0;background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;transition:transform .12s ease}
.wlrow button:hover:not(:disabled){transform:translateY(-1px)}
.wlrow button:disabled{opacity:.6;cursor:default}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wlrow button{color:#0B1613}}
:root[data-theme="dark"] .wlrow button{color:#0B1613}
.wlpot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-turnstile{margin-top:14px}
.wlfine{font-size:13px;color:var(--muted);margin:14px 0 0;line-height:1.6;max-width:62ch}
.wlfine a{color:var(--muted);text-underline-offset:2px}
.wlmsg{font-size:14px;margin:12px 0 0;min-height:1px}
.wlmsg.bad{color:var(--alert)}
.wlok h3{margin:0 0 8px;color:var(--accent-ink);font-size:19px}
.wlok p{margin:0;color:var(--muted);font-size:15px;line-height:1.65;max-width:62ch}