:root{--bg:#07111f;--bg-soft:#101b2c;--surface:#0d1728c7;--surface-strong:#131f36f5;--surface-accent:linear-gradient(145deg, #ff825c33, #6af7da1f);--text:#f4f7fb;--muted:#b6c4d7;--line:#ffffff14;--accent:#ff825c;--accent-strong:#ff5d2e;--mint:#6af7da;--warning:#ffd36a;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--shadow:0 24px 80px #00000047;--max-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #ff825c38, transparent 28%), radial-gradient(circle at top right, #6af7da24, transparent 24%), linear-gradient(180deg, #040811 0%, var(--bg) 52%, #09111d 100%);margin:0;font-family:Arial,Noto Sans TC,sans-serif;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{z-index:-2;opacity:.88;filter:blur(2px);background:radial-gradient(120% 58% at 12% 100%,#091523eb 0 38%,#0000 39%),radial-gradient(95% 44% at 40% 100%,#14273ad6 0 43%,#0000 44%),radial-gradient(110% 54% at 76% 100%,#08121fe6 0 40%,#0000 41%),radial-gradient(72% 34% at 18% 82%,#354b602e 0 52%,#0000 53%),radial-gradient(64% 28% at 64% 78%,#80929c14 0 50%,#0000 51%),linear-gradient(#e0e9ec0d 0%,#76838f08 24%,#0c172300 46%)}body:after{z-index:-1;opacity:.7;mix-blend-mode:screen;background:radial-gradient(82% 18% at 50% 64%,#e4ebea12 0 36%,#0000 37%),radial-gradient(94% 24% at 56% 71%,#c9d3d60d 0 34%,#0000 35%),radial-gradient(90% 20% at 42% 78%,#afbcc10a 0 30%,#0000 31%),repeating-linear-gradient(115deg,#ffffff04 0 2px,#0000 2px 18px)}a{color:inherit}button,input,textarea{font:inherit}.site-shell{z-index:1;width:min(calc(100% - 32px), var(--max-width));margin:0 auto;padding:24px 0 56px;position:relative}.site-header{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070d18ad;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 18px;display:flex;box-shadow:0 10px 30px #00000038}.brand{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--warning));border-radius:999px;width:12px;height:12px;box-shadow:0 0 20px #ff825c8c}.site-nav{align-items:center;gap:18px;display:flex}.site-nav a{color:#f4f7fbc7;text-decoration:none}.header-actions{align-items:center;gap:12px;display:flex}.header-login{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:10px 16px;text-decoration:none}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff7f0;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 12px 30px #ff5d2e47}.button-secondary{color:var(--text);border:1px solid var(--line);background:#ffffff0d}.button-ghost{color:var(--mint);background:0 0;border:1px solid #6af7da3d}.page-stack{gap:24px;display:grid}.hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);gap:24px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-copy{padding:42px}.eyebrow{color:var(--warning);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3{margin:0;font-family:Georgia,Noto Serif TC,serif}h1{letter-spacing:-.05em;max-width:10ch;font-size:clamp(3.3rem,9vw,6rem);line-height:.9}h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.2rem);line-height:1}h3{font-size:1.35rem;line-height:1.2}.lead,.copy,.meta,.card p,.form-note,.empty-state{color:var(--muted);line-height:1.8}.lead{max-width:60ch;margin:24px 0 0;font-size:1.05rem}.hero-actions,.button-row{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.hero-side{gap:18px;display:grid}.accent-card,.metric-card,.newsletter-card,.auth-card,.editor-card,.article-card,.comment-card,.dashboard-card,.story-card,.service-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#ffffff0f,#ffffff06),#ffffff0a}.accent-card{background:radial-gradient(circle at top left, #ff825c38, transparent 40%), var(--surface-strong);padding:28px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.metric-card{padding:24px}.metric-card strong{font-size:2.3rem;display:block}.section{padding:34px}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.grid-3,.grid-2,.dashboard-grid{gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.story-card,.service-card,.article-card,.dashboard-card,.newsletter-card,.comment-card{padding:24px}.story-card,.service-card,.article-card{min-height:220px}.article-cover,.article-detail-cover{object-fit:cover;border:1px solid #ffffff14;border-radius:18px;width:100%;display:block}.article-cover{aspect-ratio:16/10;margin-bottom:18px}.article-detail-cover{aspect-ratio:16/9}.article-meta,.list-meta{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:16px;font-size:.95rem;display:flex}.pill{color:var(--mint);background:#6af7da12;border:1px solid #6af7da33;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.page-header{padding:34px}.article-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;display:grid}.article-body,.sidebar-stack{gap:18px;display:grid}.prose{padding:32px}.prose p{color:var(--muted);margin:0 0 18px;line-height:1.95}.form-grid{gap:14px;display:grid}.label{color:var(--text);gap:8px;font-weight:700;display:grid}.input,.textarea{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#050b14b3;border:1px solid #ffffff1a;padding:14px 16px}.textarea{resize:vertical;min-height:140px}.dashboard-grid{grid-template-columns:260px minmax(0,1fr)}.editor-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;margin-top:18px;display:grid}.editor-form{align-self:start}.editor-preview{align-self:start;gap:16px;display:grid}.editor-toolbar{gap:14px;margin-top:18px;display:grid}.preview-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff0a;padding:22px}.preview-prose{gap:12px;display:grid}.preview-prose p{color:var(--muted);margin:0;line-height:1.9}.field-tip{color:var(--muted);font-size:.9rem;line-height:1.6}.textarea-compact{min-height:110px}.textarea-large{min-height:260px}.dashboard-menu{gap:12px;display:grid}.dashboard-menu a{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff08;padding:14px 16px;text-decoration:none}.status-list{gap:12px;margin-top:18px;display:grid}.status-list li{color:var(--muted)}.status-message{color:var(--warning);margin:0;line-height:1.7}.checkbox-row{color:var(--text);align-items:center;gap:10px;font-weight:700;display:inline-flex}.dashboard-list-item{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff08;gap:4px;padding:14px 16px;display:grid}.footer{color:#f4f7fb99;text-align:center;padding-top:8px}@media (max-width:980px){.hero,.article-layout,.dashboard-grid,.editor-layout,.grid-3,.grid-2{grid-template-columns:1fr}h1{max-width:none}}@media (max-width:720px){.site-shell{width:min(calc(100% - 20px), var(--max-width))}.site-header{border-radius:28px;flex-wrap:wrap}.site-nav{flex-wrap:wrap;width:100%}.hero-copy,.section,.page-header,.prose{padding:24px}.metric-grid{grid-template-columns:1fr}}