*{margin:0;padding:0;box-sizing:border-box}
:root{--yl:#FAD738;--yl2:#E8C820;--pp:#684098;--pp2:#8B6CB8;--bg:#1a1a2e;--tx:#1a1a2e;--mt:#8888a0}
body{font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;background:#f5f0fa;color:var(--tx);-webkit-font-smoothing:antialiased}
.navbar{background:var(--bg);padding:0 24px;position:sticky;top:0;z-index:100}
.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:52px}
.nav-logo{font-size:.88rem;font-weight:900;color:var(--yl);letter-spacing:1px}
.nav-links{display:flex;gap:22px;font-size:.75rem}
.nav-links a{color:rgba(255,255,255,.45);font-weight:600;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:rgba(255,255,255,.9)}
.btn-primary{padding:6px 16px;border-radius:6px;background:var(--yl);color:var(--bg);font-size:.7rem;font-weight:700;cursor:pointer;border:none}
.hero{background:#3c1053;padding:55px 24px 45px;text-align:center;position:relative;overflow:hidden;min-height:420px;display:flex;align-items:center;justify-content:center}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(104,64,152,.25),transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(250,215,56,.1),transparent 60%);pointer-events:none}
.hero-content{position:relative;z-index:1;max-width:700px}
.hero-tag{display:inline-block;padding:4px 14px;border-radius:50px;border:1px solid rgba(250,215,56,.2);color:var(--yl);font-size:.6rem;margin-bottom:16px;letter-spacing:1px}
.hero h1{font-size:clamp(1.8rem,4.5vw,3rem);font-weight:900;color:#fff;letter-spacing:2px;margin-bottom:8px}
.hero h1 .hl{color:var(--yl)}
.hero-desc{font-size:.7rem;color:rgba(255,255,255,.35);margin-bottom:20px}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-hero-primary{padding:10px 28px;border-radius:8px;background:var(--yl);color:var(--bg);font-weight:700;font-size:.72rem;cursor:pointer;border:none}
.btn-hero-secondary{padding:10px 28px;border-radius:8px;border:1.5px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);font-size:.72rem;background:transparent;cursor:pointer}
.dash-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:14px 24px;background:#f8f6fc}
.d-item{text-align:center;padding:10px 4px}
.d-num{font-size:.78rem;font-weight:900;color:var(--pp)}
.d-label{font-size:.5rem;color:#aaa;margin-top:2px}
.section{padding:36px 20px;max-width:1080px;margin:0 auto}
.sec-title{font-size:.95rem;font-weight:900;text-align:center;margin-bottom:18px;color:var(--pp);position:relative}
.sec-title::after{content:'';display:block;width:40px;height:3px;background:var(--yl);margin:6px auto 0;border-radius:2px}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.art-card{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fff;border-radius:8px;text-decoration:none;color:#333;font-size:.66rem;font-weight:500;border-top:2px solid var(--yl);box-shadow:0 1px 4px rgba(0,0,0,.03);transition:all .2s}
.art-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(104,64,152,.1);border-top-color:var(--pp)}
.art-num{font-weight:900;font-size:.58rem;color:var(--pp);opacity:.5;min-width:20px}
.art-title{flex:1}
.sec-more{text-align:center;margin-top:14px}
.sec-more a{font-size:.7rem;color:var(--pp);font-weight:600}
.cta-section{background:var(--pp);padding:36px 24px;text-align:center;margin-top:10px}
.cta-inner{max-width:600px;margin:0 auto}
.cta-inner h2{font-size:1.05rem;font-weight:900;color:#fff;margin-bottom:8px}
.cta-inner p{font-size:.68rem;color:rgba(255,255,255,.45);margin-bottom:18px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-cta-primary{padding:11px 28px;border-radius:8px;background:var(--yl);color:var(--bg);font-weight:800;font-size:.75rem;cursor:pointer;border:none}
.btn-cta-secondary{padding:11px 28px;border-radius:8px;border:1.5px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6);font-size:.75rem;background:transparent;cursor:pointer}
.footer{background:var(--bg);padding:18px 24px;text-align:center}
.footer-inner{max-width:600px;margin:0 auto}
.footer-links{font-size:.6rem;color:rgba(255,255,255,.25);margin-bottom:5px}
.footer-links a{color:rgba(255,255,255,.35);margin:0 3px}
.footer-copy{font-size:.52rem;color:rgba(255,255,255,.18)}
@media(max-width:640px){.dash-row{grid-template-columns:repeat(3,1fr)}.art-grid{grid-template-columns:1fr}.hero{min-height:350px}}
.art-page{max-width:780px;margin:0 auto;padding:24px 16px;background:#fff;min-height:80vh}
.art-bread{font-size:.58rem;color:#aaa;margin-bottom:10px}
.art-bread a{color:var(--pp)}
.art-page h1{font-size:1.25rem;font-weight:900;margin-bottom:10px;line-height:1.3;color:var(--bg)}
.art-meta{font-size:.58rem;color:#bbb;margin-bottom:16px}
.art-content{font-size:.76rem;line-height:1.9;color:#333}
.art-content p{margin-bottom:13px;text-indent:2em}
.art-content h2,.art-content h3{margin:18px 0 10px;font-weight:700;color:var(--pp)}
.art-reg{margin:22px 0;padding:16px;background:linear-gradient(135deg,#FFF8E1,#F5EDFF);border-radius:10px;text-align:center}
.art-reg p{font-size:.66rem;color:#666;margin-bottom:10px;text-indent:0}
.reg-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn-p{padding:9px 22px;border-radius:6px;background:var(--yl);color:var(--bg);font-size:.7rem;font-weight:700;cursor:pointer;text-decoration:none}
.btn-s{padding:9px 22px;border-radius:6px;border:1.5px solid var(--pp);color:var(--pp);font-size:.7rem;background:transparent;cursor:pointer;text-decoration:none}
.art-nav{display:flex;justify-content:space-between;margin:18px 0;gap:10px}
.art-nav a{font-size:.66rem;color:var(--pp);font-weight:500;padding:6px 12px;border-radius:4px;background:#f8f6fc;text-decoration:none}
.art-nav .disabled{color:#ccc;background:#f5f5f5;pointer-events:none}
.art-disclaimer{font-size:.55rem;color:#bbb;border-top:1px solid #eee;padding-top:10px;margin-top:18px;line-height:1.6}
.cat-header{max-width:780px;margin:0 auto;padding:24px 16px}
.cat-header h1{font-size:1.15rem;font-weight:900;color:var(--pp)}
.cat-list{max-width:780px;margin:0 auto;padding:0 16px 40px}
.cat-item{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:#fff;border-radius:6px;margin-bottom:6px;border-left:3px solid var(--yl);font-size:.7rem;text-decoration:none;transition:all .2s}
.cat-item:hover{border-left-color:var(--pp);background:#f8f6fc}
.cat-item .num{color:var(--pp);font-weight:900;font-size:.62rem;min-width:26px}
.cat-item .title{flex:1;color:#333}
.cat-item .date{font-size:.52rem;color:#bbb}

/* ===== Terminal Style (方案 C) ===== */
.sec-tm{max-width:980px;margin:30px auto;padding:0 16px}
.tm-header{display:flex;align-items:center;gap:10px;padding:10px 24px;background:#1a1a2e;border-radius:8px 8px 0 0;border:1px solid rgba(104,64,152,.3);border-bottom:none}
.tm-dot{width:11px;height:11px;border-radius:50%}
.tm-dot.red{background:#ff5f57}
.tm-dot.yel{background:#ffbd2e}
.tm-dot.grn{background:#28c840}
.tm-title{font-size:.72rem;color:rgba(255,255,255,.35);font-family:'Courier New',Consolas,monospace;margin-left:6px;letter-spacing:.5px}
.tm-body{background:#0d1117;border-radius:0 0 8px 8px;padding:16px 24px;border:1px solid rgba(104,64,152,.3);font-family:'Courier New','Consolas','Source Code Pro',monospace;font-size:.78rem;line-height:2;overflow-x:auto}
.tm-line{color:rgba(255,255,255,.7);white-space:nowrap}
.tm-line.dim{color:rgba(255,255,255,.3)}
.tm-line.ok{color:#28c840}
.tm-prompt{color:#28c840;margin-right:8px;user-select:none;font-weight:700}
.tm-cmd{color:#8B6CB8;font-weight:700}
.tm-flag{color:#FAD738}
.tm-dots{display:inline-flex;gap:3px}
.tm-dots span{animation:tmBlink 1.2s infinite;color:#28c840}
.tm-dots span:nth-child(2){animation-delay:.4s}
.tm-dots span:nth-child(3){animation-delay:.8s}
@keyframes tmBlink{0%,100%{opacity:1}50%{opacity:0}}
.tm-spacer{height:8px}
.tm-link{display:flex;align-items:center;gap:0;padding:5px 10px;border-radius:4px;text-decoration:none;color:rgba(255,255,255,.7);white-space:nowrap;transition:all .15s;margin:0 -10px}
.tm-link:hover{background:rgba(104,64,152,.15);color:#fff}
.tm-link .tm-id{color:#FAD738;font-weight:700;min-width:44px;display:inline-block}
.tm-link .tm-date{color:rgba(255,255,255,.2);margin-left:auto;font-size:.65rem;flex-shrink:0}
.tm-link:hover .tm-date{color:rgba(255,255,255,.4)}
.tm-divider{color:rgba(255,255,255,.12);margin:0 8px}
.tm-more{color:#8B6CB8;text-decoration:none;font-weight:700}
.tm-more:hover{color:#FAD738}
.tm-status{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);font-size:.62rem;color:rgba(255,255,255,.25);font-family:'Courier New',Consolas,monospace}
.tm-sdot{color:#28c840;font-size:.5rem;margin-right:3px}
.tm-blink{animation:tmBlink .8s infinite;color:#28c840;font-size:.7rem}
@media(max-width:640px){.tm-body{font-size:.62rem;padding:12px 14px;line-height:1.7}.tm-link .tm-date{display:none}.tm-header{padding:8px 14px}.tm-link .tm-id{min-width:30px}}