/* ===== midcentury-mod · 中世纪现代 / 原子时代 ===== */
:root{
  --cream:#f3e9d2; --card:#fbf4e2; --ink:#33291c; --sub:#6a5c45; --dim:#a89a7e;
  --teal:#2e7d6b; --orange:#d98a3d; --mustard:#e0b53c; --hair:rgba(51,41,28,.16);
  --disp:"Cooper Black","Georgia","Songti SC",Georgia,serif;
  --sans:"Avenir Next","Futura","Segoe UI",system-ui,"PingFang SC","Microsoft YaHei",sans-serif;
  --mono:ui-monospace,Consolas,monospace;
  --maxw:960px; --r:14px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{ --cream:#1f1a12; --card:#272016; --ink:#f0e6d2; --sub:#b6a888; --dim:#766a52; --teal:#52b39c; --orange:#eaa55c; --mustard:#f0c95e; --hair:rgba(240,230,210,.16); color-scheme:dark; }
}

*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden;
  padding:0 clamp(16px,4vw,34px) calc(40px + env(safe-area-inset-bottom));}
a{color:inherit;text-decoration:none;}
::selection{background:var(--orange);color:#fff;}
kbd{font-family:var(--mono);font-size:11.5px;border:1px solid var(--hair);border-radius:5px;padding:1px 6px;color:var(--ink);background:var(--card);}

/* atomic starburst bg */
.atom{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background:repeating-conic-gradient(from 0deg at 85% 12%,transparent 0deg 12deg,color-mix(in srgb,var(--teal) 12%,transparent) 12deg 13deg),
  radial-gradient(40% 30% at 12% 88%,color-mix(in srgb,var(--orange) 16%,transparent),transparent);}

.wrap{max-width:var(--maxw);margin:0 auto;padding-top:calc(16px + env(safe-area-inset-top));}

/* bulletin / announcement */
.bulletin{display:flex;align-items:center;gap:13px;background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:9px 18px;}
.star{color:var(--orange);}
.bulletin p{flex:1;font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bull-clk{font-family:var(--mono);font-size:12.5px;color:var(--teal);flex:none;}

/* header */
.head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 4px;}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-size:clamp(20px,4.4vw,28px);}
.brand-orb{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--mustard),var(--orange));flex:none;}
.dial{font-family:var(--sans);font-weight:700;font-size:12.5px;background:var(--teal);color:#fff;border:none;padding:9px 16px;border-radius:999px;cursor:pointer;transition:.16s;}
.dial:hover{background:var(--orange);}

/* hero */
section{margin-top:clamp(24px,5vw,40px);}
.hero{text-align:center;padding-top:clamp(16px,4vw,30px);}
.kick{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--orange);margin-bottom:16px;}
.hero h1{font-family:var(--disp);font-size:clamp(40px,11vw,92px);line-height:1;letter-spacing:-.01em;word-break:break-word;color:var(--ink);}
.hero-p{max-width:560px;margin:18px auto 0;color:var(--sub);font-size:clamp(14.5px,2.6vw,17px);}

/* console / main domain */
.console{background:var(--card);border:2px solid var(--ink);border-radius:calc(var(--r) + 6px);padding:clamp(24px,5vw,38px);box-shadow:6px 6px 0 var(--teal);}
.console-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;}
.console-key{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase;}
.console-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--teal);}
.led{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange);}
.console-domain{font-family:var(--disp);font-size:clamp(24px,7vw,50px);margin:16px 0 24px;word-break:break-all;color:var(--orange);}
.console-act{display:flex;flex-wrap:wrap;gap:14px;}
.cap{font-family:var(--sans);font-size:14.5px;font-weight:700;padding:13px 28px;cursor:pointer;border:2px solid var(--ink);border-radius:999px;transition:.16s;}
.cap-a{background:var(--teal);color:#fff;border-color:var(--teal);}
.cap-a:hover{background:var(--ink);border-color:var(--ink);}
.cap-b{background:var(--mustard);color:var(--ink);border-color:var(--mustard);}
.cap-b:hover{background:transparent;border-color:var(--ink);}
.console-save{display:inline-block;margin-top:22px;font-size:13px;color:var(--sub);cursor:pointer;}
.console-save:hover{color:var(--orange);}

/* parts */
.part-h{display:flex;align-items:center;gap:13px;font-family:var(--disp);font-size:clamp(22px,5vw,34px);margin-bottom:22px;}
.pill{font-family:var(--mono);font-size:13px;color:#fff;background:var(--orange);border-radius:999px;padding:4px 12px;}

/* rows / backups */
.rows{display:grid;gap:11px;}
.row{display:flex;align-items:center;gap:14px;background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:13px 20px;transition:.16s;}
.row:hover{transform:translateX(4px);box-shadow:4px 4px 0 var(--mustard);}
.row-n{font-family:var(--mono);font-size:13px;color:var(--orange);}
.row-h{flex:1;font-size:clamp(13.5px,3.2vw,16px);word-break:break-all;}
.row-ok{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--teal);}
.row-cp{background:var(--cream);border:2px solid var(--ink);color:var(--ink);font-size:12px;padding:6px 15px;border-radius:999px;cursor:pointer;transition:.16s;}
.row-cp:hover{background:var(--teal);color:#fff;border-color:var(--teal);}

/* cards / notice */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);padding:24px;}
.card-n{font-family:var(--disp);font-size:26px;color:var(--orange);display:block;margin-bottom:10px;}
.card b{font-size:16px;display:block;margin-bottom:7px;}
.card p{color:var(--sub);font-size:13.5px;}
.pin{margin-top:16px;background:var(--teal);color:#fff;border-radius:var(--r);padding:15px 20px;font-size:13.5px;}
.pin strong{color:var(--mustard);}

/* ways / contact */
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.way{display:flex;flex-direction:column;gap:6px;background:var(--card);border:2px solid var(--ink);border-radius:var(--r);padding:22px;cursor:pointer;transition:.16s;}
.way:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--orange);}
.way-ic{width:44px;height:44px;border-radius:50%;background:var(--cream);border:2px solid var(--ink);display:grid;place-items:center;color:var(--teal);margin-bottom:8px;}
.way-ic svg{width:20px;height:20px;}
.way-k{font-size:12px;color:var(--dim);}
.way-v{font-size:15px;font-weight:600;word-break:break-all;}

/* footer */
.foot{margin-top:clamp(34px,6vw,54px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:22px;border-top:2px solid var(--hair);}
.foot-id{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-size:16px;}
.foot nav{display:flex;flex-wrap:wrap;gap:16px;}
.foot nav a{color:var(--sub);font-size:13px;transition:.16s;}
.foot nav a:hover{color:var(--orange);}
.foot small{font-family:var(--mono);color:var(--dim);font-size:12px;width:100%;}

/* toast */
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,16px);z-index:60;opacity:0;pointer-events:none;display:inline-flex;align-items:center;gap:9px;
  background:var(--ink);color:var(--cream);border-radius:999px;padding:13px 24px;font-size:14px;font-weight:600;box-shadow:0 16px 36px -18px rgba(0,0,0,.4);transition:.3s cubic-bezier(.2,.8,.2,1);}
.toast span[aria-hidden]{color:var(--mustard);}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto;}

/* reveal */
.up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);}
.up.on{opacity:1;transform:none;}

@media (max-width:760px){.cards,.ways{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .up{opacity:1;transform:none;}
}