:root { --ink:#14213d; --muted:#65728a; --blue:#2259e6; --cyan:#16b8cf; --line:#e6ebf3; --paper:#fff; --bg:#f6f8fc; }
* { box-sizing:border-box } body { margin:0; color:var(--ink); background:var(--bg); font:15px/1.6 system-ui,-apple-system,"Segoe UI","PingFang SC",sans-serif } a { color:inherit; text-decoration:none } button,input { font:inherit }
.topbar { height:70px; padding:0 max(24px,calc((100% - 1180px)/2)); display:flex; align-items:center; gap:28px; background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10 }.brand { display:flex; align-items:center; font-weight:750; white-space:nowrap }.brand img { width:36px; height:36px; margin-right:10px }.topbar nav { display:flex; gap:22px; flex:1 }.topbar nav a { color:#4d5970; padding:23px 0 20px; border-bottom:3px solid transparent }.topbar nav a:hover,.topbar nav .active { color:var(--blue); border-color:var(--blue) }.login,.primary { padding:9px 17px; border:0; border-radius:9px; color:#fff; background:var(--blue); cursor:pointer }.menu { display:none; background:none; border:0; font-size:24px }
.hero { padding:76px 24px 68px; text-align:center; background:radial-gradient(circle at 50% -50%,#bdeff6 0,transparent 52%),linear-gradient(135deg,#f8fbff,#eef3ff) }.eyebrow { margin:0 0 8px; color:var(--blue); font-size:12px; font-weight:800; letter-spacing:2px }.hero h1 { margin:0; font-size:clamp(34px,5vw,58px); line-height:1.2; letter-spacing:-2px }.hero h1 em { color:var(--blue); font-style:normal }.hero>p:not(.eyebrow) { color:var(--muted); font-size:17px }.hero form { display:flex; max-width:700px; margin:30px auto 0; padding:7px; background:#fff; box-shadow:0 14px 45px #3261a51c; border:1px solid #dfe6f2; border-radius:13px }.hero input { min-width:0; flex:1; padding:10px 14px; border:0; outline:0 }.hero form button { width:90px; color:#fff; border:0; border-radius:8px; background:linear-gradient(135deg,var(--blue),var(--cyan)); cursor:pointer }
.content { max-width:1100px; margin:0 auto; padding:52px 24px }.section-head { display:flex; justify-content:space-between; align-items:end }.section-head h2 { margin:0; font-size:28px }.tags { display:flex; flex-wrap:wrap; gap:10px; margin:25px 0 }.tags button,.tabs button { padding:7px 15px; border:1px solid var(--line); border-radius:20px; color:var(--muted); background:#fff; cursor:pointer }.tags .selected,.tabs .selected { color:#fff; border-color:var(--blue); background:var(--blue) }.tabs { display:flex; gap:10px; margin-bottom:12px }.posts article { display:flex; justify-content:space-between; gap:20px; margin:12px 0; padding:24px; background:#fff; border:1px solid var(--line); border-radius:14px; transition:.2s }.posts article:hover { transform:translateY(-2px); box-shadow:0 10px 30px #1c39700c }.post-tags span { margin-right:8px; color:var(--blue); font-size:12px }.post-main h3 { margin:6px 0; font-size:19px }.post-main h3 a:hover { color:var(--blue) }.post-main p,.post-main small,.metrics { color:var(--muted) }.metrics { display:flex; align-items:center; gap:15px; white-space:nowrap; font-size:13px }.empty { padding:50px; text-align:center; color:var(--muted); background:#fff; border-radius:14px } footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; max-width:1100px; margin:auto; padding:28px 24px; color:var(--muted); border-top:1px solid var(--line) }footer>span:last-child{text-align:right}.footer-links{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}.footer-links a{color:var(--blue)}.footer-links a:hover{text-decoration:underline}.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0) }
@media(max-width:850px){.topbar{height:62px;padding:0 18px}.menu{display:block;margin-left:auto}.topbar nav{display:none;position:absolute;top:62px;left:0;right:0;padding:12px 20px;background:#fff;box-shadow:0 15px 20px #18305416;flex-direction:column;gap:0}.topbar nav.open{display:flex}.topbar nav a{padding:10px}.login{display:none}.posts article{flex-direction:column}.metrics{flex-wrap:wrap}.hero{padding-top:55px}}
@media(max-width:520px){.brand span{font-size:14px}.hero form button{width:70px}.section-head{align-items:center}.posts article{padding:18px}footer{grid-template-columns:1fr;text-align:center;gap:10px}.footer-links{flex-wrap:wrap;white-space:normal}footer>span:last-child{text-align:center}}
.page{min-height:70vh;padding-top:48px}.page h1{font-size:34px;margin:0 0 24px}.narrow{max-width:820px}.toolbar,.query,.inline,.actions{display:flex;gap:10px;margin:22px 0}.toolbar input,.query input,.stack input,.stack textarea,.stack select,#comment textarea{width:100%;padding:11px 13px;border:1px solid #dce3ef;border-radius:9px;background:#fff}.toolbar input{flex:1}.toolbar select{padding:0 12px;border:1px solid var(--line);border-radius:9px}.article-list details,.result,.comment{display:block;margin:12px 0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.article-list summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer}.article-list summary span,.muted{color:var(--muted)}.article-body,.prose{white-space:pre-wrap;margin-top:20px;line-height:1.9}.actions button,#logout{padding:8px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer}.stack{display:grid;gap:14px}.stack label{display:grid;gap:5px}.stack textarea,#comment textarea{min-height:140px;resize:vertical}.stack fieldset{border:1px solid var(--line);border-radius:9px}.stack fieldset label{display:inline-flex;margin:8px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.profile-stats span{text-align:center;padding:20px;background:#fff;border-radius:12px}.profile-stats b{display:block;font-size:27px;color:var(--blue)}dialog{width:min(520px,calc(100% - 32px));border:0;border-radius:16px;padding:30px;box-shadow:0 25px 80px #0e1c3940}dialog::backdrop{background:#07112699;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:26px;cursor:pointer}#toast{position:fixed;left:50%;bottom:30px;z-index:50;transform:translate(-50%,20px);padding:10px 18px;color:#fff;background:#17233b;border-radius:8px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:650px){.toolbar{flex-direction:column}.article-list summary{flex-direction:column}.profile-stats{grid-template-columns:1fr}.page h1{font-size:28px}}
.attachment{display:block;max-width:100%;max-height:520px;margin:16px 0;border-radius:10px}.quality{border-color:#d8ae38;background:#fffaf0}.comment button{float:right}.attachments a{display:block;margin:12px 0;color:var(--blue)}
html[data-theme="dark"]{--ink:#e8edf7;--muted:#a9b4c8;--line:#34415a;--paper:#19243a;--bg:#101827}html[data-theme="dark"] body,html[data-theme="dark"] .topbar,html[data-theme="dark"] .posts article,html[data-theme="dark"] .panel,html[data-theme="dark"] .result,html[data-theme="dark"] .comment,html[data-theme="dark"] .article-list details,html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:var(--bg);color:var(--ink)}html[data-density="compact"] .posts article{padding:13px}html[data-density="compact"] body{line-height:1.4}
.comment-image{display:block;max-width:240px;max-height:240px;margin:10px 0;border-radius:8px}.replies{clear:both;margin:14px 0 0 20px;padding-left:15px;border-left:2px solid var(--line)}.reply{margin:8px 0}.owner-actions{display:inline-flex;gap:6px;margin-left:15px}.owner-actions button{border:0;color:var(--blue);background:none;cursor:pointer}
.login{display:inline-flex;align-items:center;gap:7px}.login img{width:26px;height:26px;object-fit:cover;border-radius:50%}
.topbar nav a{font-size:16px;font-weight:600}.topbar nav .active{background:#eef3ff;border-radius:7px 7px 0 0;padding-left:8px;padding-right:8px}.header-action,.icon-button{white-space:nowrap;border:0;border-radius:9px;cursor:pointer}.header-action{padding:8px 14px;color:#fff;background:var(--blue)}.icon-button{position:relative;padding:8px 10px;background:#eef3ff}.icon-button b{position:absolute;right:-4px;top:-5px;min-width:18px;padding:0 4px;color:#fff;background:#e53935;border-radius:10px;font-size:11px}.login{background:color-mix(in srgb,var(--blue) 82%,transparent)}button{white-space:nowrap}.inline{align-items:center}.inline input{min-width:0}.send-code,.reset-code{min-width:104px;white-space:nowrap}.agreement-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:6px;flex-wrap:nowrap}.agreement-row input{width:auto}.agreement-row button{padding:0;border:0;color:var(--blue);background:none}.tag-choices{display:flex;flex-wrap:wrap;gap:8px}.tag-choices label{margin:0!important;padding:6px 10px;border:1px solid var(--line);border-radius:18px}.required::after{content:' *';color:#d93025}.card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.card-actions button{padding:5px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.card-attachments{display:flex;gap:8px;margin-top:12px}.card-attachments img,.card-attachments video{width:86px;height:66px;object-fit:cover;border-radius:7px}.back-link{display:inline-flex;margin-bottom:16px;color:var(--blue);font-weight:650}.article-list summary b{transition:.2s}.article-list details:hover summary b,.article-list details[open] summary b{color:var(--blue)}.app-table{width:100%;border-collapse:collapse;background:#fff}.app-table th,.app-table td{padding:11px;border:1px solid var(--line);text-align:left}.forum-layout{display:grid;grid-template-columns:180px 1fr;gap:20px}.forum-sidebar{align-self:start;position:sticky;top:90px}.forum-sidebar .tags{display:grid;margin:0}.forum-main .tabs{margin-top:0}#back-top{display:none;position:fixed;right:28px;bottom:38px;z-index:20;width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:var(--blue);box-shadow:0 6px 20px #173d8d55;cursor:pointer}#back-top.visible{display:block}#modal-status{margin-top:12px;min-height:24px;color:var(--blue);font-weight:600}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-choice{display:flex!important;align-items:center;grid-template-columns:none!important;gap:7px;padding:9px;border:1px solid var(--line);border-radius:9px}.theme-choice input{width:auto}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid #bbc}.swatch.light{background:#fff}.swatch.dark{background:#17233b}.swatch.green{background:#dff2df}.swatch.blue{background:#e4efff}.swatch.warm{background:#fff1da}.swatch.system{background:linear-gradient(90deg,#fff 50%,#17233b 50%)}
html[data-theme="green"]{--bg:#edf7ed;--paper:#f9fff9;--blue:#2e7d32;--cyan:#66a96b}html[data-theme="blue"]{--bg:#eef5ff;--paper:#fbfdff;--blue:#1769c2;--cyan:#4ca6d8}html[data-theme="warm"]{--bg:#fff7e9;--paper:#fffdf8;--blue:#a85b16;--cyan:#d5964e}html[data-theme="green"] body,html[data-theme="blue"] body,html[data-theme="warm"] body{background:var(--bg)}
@media(max-width:850px){.header-action,.icon-button{display:none!important}.forum-layout{grid-template-columns:1fr}.forum-sidebar{position:static}.forum-sidebar .tags{display:flex}}
.modal-actions{display:flex;justify-content:flex-end;gap:10px}.notification-list{max-height:55vh;overflow:auto}.prose a{color:var(--blue);text-decoration:underline}
.topbar .login{min-width:112px;min-height:40px;justify-content:center;color:#fff!important;background:#2259e6!important;opacity:1!important}.topbar .login:empty::before{content:'👤 登录 / 注册'}.forum-top-tags{margin:18px 0 22px}.home-agreements{display:flex;justify-content:center;gap:18px;padding:28px}.home-agreements button{border:0;color:var(--blue);background:none;cursor:pointer}.html-article{line-height:1.85}.html-article h1,.html-article h2,.html-article h3{line-height:1.35}.html-article img{max-width:100%;height:auto}.html-article table{width:100%;border-collapse:collapse}.html-article th,.html-article td{padding:9px;border:1px solid var(--line)}
.message-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button{position:relative}.danger-action{color:#b42318!important;border:1px solid #f0b8b2!important;background:#fff5f4!important}.account-warning{color:#b42318;font-size:13px}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.notification-toolbar button{padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.notification-toolbar button:disabled{opacity:.55;cursor:not-allowed}.notification-toolbar span{color:var(--muted);font-size:13px}.notification-item{position:relative}.notification-item.is-unread{background:#eef4ff;border-color:#8eb1ff}.notification-item.is-unread b{color:var(--blue)}.notification-item.is-read{background:var(--paper)}.notification-state{float:right;margin-left:12px;color:var(--muted)}
.footer-center{display:grid;gap:6px;justify-items:center}.footer-links a,.filing-link{color:var(--blue)}.footer-links a:hover,.filing-link:hover{text-decoration:underline}
.footer-center{align-self:start}footer{align-items:start}
footer{position:relative}.footer-download{position:absolute;left:0;right:0;bottom:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 24px 18px;color:var(--blue);font-weight:650;text-decoration:none}.footer-download:hover{text-decoration:underline}.footer-download img{width:20px;height:20px;object-fit:contain}