*{box-sizing:border-box;margin:0;padding:0}:root{--page-bg:#eaf5ff;--text:#071d43;--muted:#496383;--panel-bg:rgba(255,255,255,.78);--panel-bg-strong:rgba(255,255,255,.92);--panel-border:rgba(105,164,222,.55);--panel-shadow:rgba(46,99,158,.2);--nav-top:#0d8eff;--nav-bottom:#004fba;--nav-border:#54c1ff;--accent:#0078ff;--accent-soft:#cbeaff;--footer-bg:rgba(239,248,255,.9);--line:rgba(32,95,160,.14);--header-overlay:rgba(255,255,255,.2)}html[data-theme=dark]{--page-bg:#001326;--text:#f0f7ff;--muted:#b9d3ef;--panel-bg:rgba(0,27,53,.82);--panel-bg-strong:rgba(0,32,63,.94);--panel-border:rgba(52,154,255,.45);--panel-shadow:rgba(0,144,255,.35);--nav-top:#082d55;--nav-bottom:#011321;--nav-border:#0bc5ff;--accent:#22b8ff;--accent-soft:rgba(26,154,255,.22);--footer-bg:rgba(0,20,39,.92);--line:rgba(135,202,255,.14);--header-overlay:rgba(0,0,0,.1)}body{min-height:100vh;padding:10px;background:radial-gradient(circle at top,rgba(71,178,255,.22),transparent 35%),var(--page-bg);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif}.site-shell{width:min(1480px,100%);margin:0 auto;overflow:hidden;border:1px solid var(--panel-border);border-radius:14px;background:var(--panel-bg);box-shadow:0 0 24px var(--panel-shadow);backdrop-filter:blur(12px)}.hero{min-height:220px;padding:26px 28px;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(90deg,var(--header-overlay),rgba(255,255,255,0)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=80") center/cover}html[data-theme=dark] .hero{background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.05)),radial-gradient(circle at center,rgba(0,183,255,.32),transparent 35%),linear-gradient(120deg,#00152d,#00498b 45%,#05203d)}.identity{display:flex;gap:28px;align-items:center}.profile-frame{width:165px;height:165px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf8ff,#0e93ff 45%,#004b99);border:2px solid rgba(255,255,255,.85);box-shadow:inset 0 0 18px rgba(255,255,255,.9),0 0 18px rgba(0,140,255,.75)}.profile-icon,.small-avatar{border-radius:18px;background:radial-gradient(circle at 50% 28%,#dff7ff 0 14%,#2c9eff 15% 30%,transparent 31%),radial-gradient(ellipse at 50% 82%,#bcecff 0 23%,#0474df 24% 44%,transparent 45%),linear-gradient(145deg,#d7fbff,#0c68c7 64%,#03376f);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 0 18px rgba(255,255,255,.72)}.profile-icon{width:128px;height:128px}.small-avatar{width:120px;height:120px;border-radius:14px}.title h1{font-size:clamp(2.1rem,4vw,4rem);text-shadow:0 2px 8px rgba(0,0,0,.22);letter-spacing:-.03em}.title p{margin-top:8px;font-size:clamp(1.2rem,2vw,1.8rem);color:var(--muted)}html[data-theme=dark] .title p,html[data-theme=dark] .datebox{color:#fff}.datebox{text-align:right;font-weight:600;font-size:1.05rem;color:#073a82;text-shadow:0 1px 3px rgba(255,255,255,.6)}.datebox strong{display:block;margin-top:8px;font-size:2rem}.navbar{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));background:linear-gradient(var(--nav-top),var(--nav-bottom));border-top:1px solid var(--nav-border);border-bottom:1px solid rgba(0,0,0,.35)}.nav-item{min-height:58px;display:flex;gap:12px;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.18rem;border-right:1px solid rgba(255,255,255,.16);text-shadow:0 1px 2px rgba(0,0,0,.45)}.nav-item.active,.nav-item:hover{background:linear-gradient(#effaff,#bfe8ff 42%,#007be8);color:#003c91;box-shadow:inset 0 0 16px rgba(255,255,255,.9),0 0 12px rgba(0,195,255,.8)}html[data-theme=dark] .nav-item.active,html[data-theme=dark] .nav-item:hover{background:linear-gradient(#0d7bdd,#002747);color:#fff}.content-grid{display:grid;grid-template-columns:270px 1fr 420px;gap:16px;padding:20px}.page-grid{display:grid;grid-template-columns:270px 1fr;gap:16px;padding:20px}.panel{border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg-strong);box-shadow:0 6px 18px var(--panel-shadow);overflow:hidden}.panel h2,.panel h3{padding:14px 18px;color:var(--accent);font-size:1.35rem;border-bottom:1px solid var(--line)}.panel-body,.counter-body,.theme-body,.construction-body{padding:18px}.sidebar{display:flex;flex-direction:column;gap:14px}.counter-body,.theme-body{text-align:center}.counter-digits{display:inline-flex;gap:2px;padding:4px;margin-bottom:8px;background:#020202;box-shadow:inset 0 0 8px #666,0 2px 4px rgba(0,0,0,.35);color:#fff;font-family:Georgia,serif;font-size:2.1rem;letter-spacing:4px}.counter-note{display:block;margin-bottom:8px;color:var(--muted);font-size:.78rem}.theme-switch{width:180px;height:58px;margin:0 auto 12px;padding:4px;display:flex;align-items:center;border-radius:999px;background:linear-gradient(#dfe9f4,#aebed1);border:1px solid rgba(76,111,153,.4);cursor:pointer;box-shadow:inset 0 2px 8px rgba(0,0,0,.2),0 2px 10px var(--panel-shadow)}.theme-knob{width:84px;height:48px;border-radius:999px;display:grid;place-items:center;font-size:1.7rem;background:linear-gradient(#53d1ff,#006ee8);color:#fff;box-shadow:inset 0 0 12px rgba(255,255,255,.75),0 2px 8px rgba(0,0,0,.25);transition:transform .25s ease}html[data-theme=dark] .theme-knob{transform:translateX(88px)}.theme-caption{line-height:1.5;color:var(--muted);font-size:1.02rem}.construction-body{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.sign{width:108px;height:128px;margin:auto;display:grid;place-items:center;color:#111;font-weight:900;text-align:center;font-size:.85rem;background:linear-gradient(#ffd800,#ff9d00);border:4px solid #231900;border-radius:7px;clip-path:polygon(50% 0,100% 52%,82% 100%,18% 100%,0 52%);text-shadow:none}.welcome{padding:24px;min-height:380px;background:radial-gradient(circle at 72% 48%,var(--accent-soft),transparent 28%),var(--panel-bg-strong)}.welcome-layout{display:grid;grid-template-columns:140px 1fr 300px;gap:24px;align-items:center;margin-top:18px}.welcome-text{font-size:1.12rem;line-height:1.65}.monitor{width:260px;height:160px;border:8px solid #2d3744;border-radius:9px;transform:rotate(-5deg);background:linear-gradient(135deg,#0d65ca,#36c3ff 45%,#003d86);box-shadow:0 16px 24px rgba(0,0,0,.2),inset 0 0 24px rgba(255,255,255,.38);position:relative}.monitor:before{content:"";position:absolute;width:64px;height:34px;left:92px;bottom:-46px;background:linear-gradient(#9aa9bd,#506170);clip-path:polygon(32% 0,68% 0,100% 100%,0 100%)}.monitor:after{content:"";position:absolute;width:140px;height:14px;left:58px;bottom:-58px;border-radius:50%;background:#8292a5}.quick-links{margin-top:40px;border:1px solid var(--panel-border);border-radius:9px;overflow:hidden}.quick-title{padding:10px 14px;color:var(--accent);font-size:1.25rem;font-weight:700;border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr)}.quick-card{min-height:130px;display:grid;place-items:center;gap:8px;text-align:center;border-right:1px solid var(--line);color:var(--text);text-decoration:none;font-size:1.02rem}.quick-card span{font-size:2.25rem}.quick-card:hover{background:var(--accent-soft)}.activity-list{padding:0 18px 18px}.activity-item{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.activity-icon{font-size:1.8rem}.activity-item a,.link{color:var(--accent);text-decoration:none}.time{color:var(--muted);font-size:.95rem;white-space:nowrap}.view-btn,.button{display:block;margin:18px;padding:14px;border:1px solid var(--panel-border);border-radius:10px;text-align:center;color:var(--accent);text-decoration:none;font-weight:700;background:rgba(255,255,255,.25)}.timeline,.article-list,.message-list,.links-grid{display:grid;gap:14px}.card{padding:18px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.18)}.form-grid{display:grid;gap:12px}.input,.textarea{width:100%;padding:13px 14px;border:1px solid var(--panel-border);border-radius:9px;background:rgba(255,255,255,.72);color:#071d43;font:inherit}.textarea{min-height:130px;resize:vertical}.chess-board{width:min(360px,100%);aspect-ratio:1;margin:18px auto;display:grid;grid-template-columns:repeat(8,1fr);border:6px solid #83552a}.chess-board div:nth-child(16n+1),.chess-board div:nth-child(16n+3),.chess-board div:nth-child(16n+5),.chess-board div:nth-child(16n+7),.chess-board div:nth-child(16n+10),.chess-board div:nth-child(16n+12),.chess-board div:nth-child(16n+14),.chess-board div:nth-child(16n+16){background:#f0d9b5}.chess-board div{background:#b58863;display:grid;place-items:center;font-size:1.8rem}.meteor{min-height:420px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 20%,var(--accent-soft),transparent 35%)}.meteor-icon{font-size:6rem;filter:drop-shadow(0 0 18px var(--accent))}.footer{display:flex;align-items:center;gap:28px;padding:16px 28px;background:var(--footer-bg);border-top:1px solid var(--panel-border);color:var(--text)}.footer a{color:var(--text);text-decoration:none}.copyright{margin-left:auto;color:var(--muted)}@media(max-width:1100px){.content-grid,.page-grid{grid-template-columns:1fr}.welcome-layout{grid-template-columns:120px 1fr}.monitor{display:none}.footer{flex-wrap:wrap}.copyright{margin-left:0}}@media(max-width:720px){body{padding:0}.site-shell{border-radius:0}.hero{min-height:auto;padding:20px}.identity{flex-direction:column;align-items:flex-start;gap:14px}.profile-frame{width:110px;height:110px}.profile-icon{width:84px;height:84px}.datebox{display:none}.navbar{grid-template-columns:1fr}.content-grid,.page-grid{padding:12px}.welcome-layout{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.activity-item{grid-template-columns:36px 1fr}.time{grid-column:2}}