*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}

body{font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;line-height:1.7}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px;position:relative;z-index:1}
.nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;height:62px;max-width:1080px;margin:0 auto;padding:0 22px}
.nav .logo{font-weight:800;font-size:19px;display:inline-flex;align-items:center;gap:10px}
.logo-img{width:30px;height:30px;display:block}
.day .logo-night{display:none}
.night .logo-day{display:none}
.nav a{text-decoration:none;font-size:14px;margin-left:18px}
.hero{position:relative;z-index:1}
.sec{padding:36px 0 8px}
.sec h2{font-size:24px;font-weight:800;margin-bottom:20px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.sec h2 .sub{font-size:12.5px;font-weight:400;letter-spacing:2px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:820px){.cards{grid-template-columns:1fr}}
.card{border-radius:18px;padding:22px}
.card h3{font-size:16.5px;font-weight:800;margin-bottom:8px}
.card p{font-size:13.5px}
.card .meta{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.tag{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:12px}
a.tag{text-decoration:none;display:inline-block}
.warn{font-size:12px;margin-top:10px;padding:8px 10px;border-radius:10px}
.notes{display:flex;flex-direction:column;gap:12px}
.note{display:flex;justify-content:space-between;align-items:center;gap:14px;border-radius:14px;padding:14px 18px}
.note p{font-size:14px}
.note .st{flex-shrink:0;font-size:12px;font-weight:800;padding:4px 12px;border-radius:12px}
.vid{border-radius:16px;padding:28px;text-align:center;font-size:13.5px}
.vid .ph{height:150px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:14px}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
@media(max-width:820px){.about{grid-template-columns:1fr}}
.bubble{border-radius:18px;padding:24px;font-size:14.5px}
.bars{border-radius:18px;padding:24px}
.bar{margin-bottom:16px}
.bar .t{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700;margin-bottom:6px}
.bar .t span:last-child{font-weight:400;font-size:12px}
.bar .rail{height:10px;border-radius:8px;overflow:hidden}
.bar .rail i{display:block;height:100%;border-radius:8px}
.cta{border-radius:22px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:40px 0 10px}
.cta h3{font-size:19px;font-weight:800}
.cta p{font-size:13.5px;margin-top:4px}
.cta a{text-decoration:none;font-weight:800;font-size:14px;padding:12px 24px;border-radius:14px}
footer{position:relative;z-index:1;margin-top:30px;padding:28px 0 46px;text-align:center;font-size:13px}
footer .riddle{font-weight:700;margin:6px 0}
footer a{text-decoration:none}
footer .tiny{font-size:11px;opacity:.55;margin-top:4px}
.decor{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}

@keyframes float5e{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes flow5{0%{transform:translateX(0);opacity:.35}50%{opacity:.08}100%{transform:translateX(520px);opacity:.35}}
@keyframes dotp{0%,100%{opacity:.14}50%{opacity:.4}}
.day body{background:#fafbfc;color:#1a1f2e}
.day .nav{background:#fafbfce8;border-bottom:1px solid #e4e8ef;backdrop-filter:blur(12px)}
.day .nav .logo{color:#0c1220;letter-spacing:3px}
.day .nav a{color:#5a6478}
.day .nav a:hover{color:#2563eb}
.day .float{animation:float5e 7s ease-in-out infinite;transform-origin:1150px 350px}
.day .dot circle{animation:dotp 4s ease-in-out infinite}
.day .dot circle:nth-child(2n){animation-delay:.8s}
.day .dot circle:nth-child(3n){animation-delay:1.6s}
.day .flow{animation:flow5 5s ease-in-out infinite}
.day .hero-in{padding:80px 20px 60px;max-width:760px}
.day .hi{display:inline-block;font-size:12.5px;font-weight:700;color:#2563eb;background:#eef4ff;border-radius:20px;padding:5px 16px;margin-bottom:26px;letter-spacing:3px}
.day .hero h1{font-size:clamp(54px,10vw,92px);font-weight:800;letter-spacing:4px;color:#0c1220;position:relative;display:inline-block}
.day .beam{position:absolute;left:0;bottom:-12px;width:100%;height:4px;border-radius:4px;background:linear-gradient(90deg,#2563eb,#7ea6f0)}
.day .slogan{font-size:19px;font-weight:700;color:#0c1220;margin:28px 0 10px}
.day .talk{color:#5a6478;font-size:14px;line-height:1.9}
.day .sec h2{color:#0c1220}
.day .sec h2 .sub{color:#8a93a8}
.day .card{background:#ffffff;border:1px solid #e4e8ef;box-shadow:0 8px 24px #dbe4f066;overflow:hidden}
.day .card::before{content:"";display:block;height:4px;margin:-22px -22px 16px;background:linear-gradient(90deg,#2563eb,#7ea6f0)}
.day .card h3{color:#0c1220}
.day .card p{color:#5a6478}
.day .tag{background:#eef4ff;color:#2563eb}
.day .tag.t1{background:#e0eaff;color:#2563eb}
.day .tag.t2{background:#e6f4ff;color:#0f8ac0}
.day .tag.t3{background:#fff3e0;color:#c07818}
.day .tag.mute{background:#eef1f6;color:#9aa3b2;cursor:default}
.day .warn{background:#fff7e6;color:#b87818;border:1px dashed #e8c078}
.day .note{background:#ffffff;border:1px solid #e4e8ef}
.day .note p{color:#3c465e}
.day .st.s1{background:#e8f6ee;color:#1a8a5a}.st.s2{background:#ffe9ee;color:#d0456a}.st.s3{background:#fff3e0;color:#c07818}
.day .vid{background:#ffffff;border:1px dashed #c4d0e8;color:#5a6478}
.day .vid .ph{background:#eef4ff;color:#8a93a8}
.day .bubble{background:#ffffff;border:1px solid #e4e8ef;color:#3c465e}
.day .bars{background:#ffffff;border:1px solid #e4e8ef}
.day .bar .t{color:#1a1f2e}.bar .t span:last-child{color:#8a93a8}
.day .rail{background:#eef4ff}
.day .bar:nth-child(1) .rail i{background:linear-gradient(90deg,#2563eb,#7ea6f0)}
.day .bar:nth-child(2) .rail i{background:linear-gradient(90deg,#0f8ac0,#5ec0e8)}
.day .bar:nth-child(3) .rail i{background:linear-gradient(90deg,#8b5cf6,#c4b5fd)}
.day .bar:nth-child(4) .rail i{background:linear-gradient(90deg,#f59e0b,#fcd34d)}
.day .cta{background:#0c1220;color:#fafbfc}
.day .cta p{color:#9aa4b8}
.day .cta a{background:#2563eb;color:#fff}
.day footer{color:#8a93a8;border-top:1px solid #e4e8ef}
.day footer .riddle{color:#2563eb}
.day footer a{color:#0f8ac0}
@keyframes tw9{0%,100%{opacity:.15}50%{opacity:1}}
@keyframes node9{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}
@keyframes shoot9{0%{transform:translate(0,0);opacity:0}3%{opacity:1}22%{opacity:0}100%{transform:translate(-760px,500px);opacity:0}}
.night body{background:#050510;color:#dfe7ff}
.night .nav{background:linear-gradient(180deg,#050510f2,#05051000)}
.night .nav .logo{color:#fff;letter-spacing:3px}
.night .nav a{color:#8fa3d8}
.night .nav a:hover{color:#7fb0ff}
.night .stars circle{animation:tw9 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.night .stars circle:nth-child(2n){animation-duration:2.3s;animation-delay:.7s}
.night .stars circle:nth-child(3n){animation-duration:4.1s;animation-delay:1.3s}
.night .stars circle:nth-child(5n){animation-duration:1.8s;animation-delay:.4s}
.night .stars circle:nth-child(7n){animation-duration:2.9s;animation-delay:1.9s}
.night .nodes circle{animation:node9 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.night .nodes circle:nth-child(2n){animation-delay:1s}
.night .shoot{animation:shoot9 7s linear infinite}
.night .hero-in{text-align:center;padding:90px 20px 70px}
.night .hi{display:inline-block;font-size:12.5px;letter-spacing:3px;color:#7fb0ff;border:1px solid #2a3f77;border-radius:20px;padding:5px 16px;margin-bottom:26px}
.night .hero h1{font-size:clamp(56px,10vw,96px);font-weight:900;letter-spacing:14px;background:linear-gradient(180deg,#fff,#7fb0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.night .slogan{font-size:19px;color:#b9c9f2;margin:18px 0 10px;letter-spacing:4px}
.night .talk{color:#7284b8;font-size:14px;max-width:540px;margin:0 auto}
.night .more{display:inline-block;margin-top:30px;font-size:13px;color:#7fb0ff;letter-spacing:2px}
.night .sec h2{color:#eaf0ff}
.night .sec h2 .sub{color:#5a6ea8}
.night .card{background:#0c1230cc;border:1px solid #1e2c5e;backdrop-filter:blur(6px);position:relative}
.night .card::before{content:"";position:absolute;top:14px;right:16px;width:8px;height:8px;border-radius:50%;background:#4a7dff;box-shadow:0 0 8px #4a7dff}
.night .card h3{color:#eaf0ff}
.night .card p{color:#93a5d6}
.night .tag{background:#1a2450;color:#8fb0ff}
.night .tag.t1{background:#122a66;color:#5aa0ff}
.night .tag.t2{background:#2a1a66;color:#b08fff}
.night .tag.t3{background:#3a2a10;color:#ffb060}
.night .tag.mute{background:#161c38;color:#5f6b8f;cursor:default}
.night .warn{background:#2a1f08;color:#ffcf8a;border:1px dashed #6a4a1a}
.night .note{background:#0c1230cc;border:1px solid #1e2c5e}
.night .note p{color:#c3d1f2}
.night .st.s1{background:#0f3a28;color:#4be0a0}.st.s2{background:#3a1020;color:#ff7da0}.st.s3{background:#3a2a10;color:#ffcf60}
.night .vid{background:#0c1230cc;border:1px dashed #2a3f77;color:#93a5d6}
.night .vid .ph{background:#0a0f28;color:#5a6ea8}
.night .bubble{background:#0c1230cc;border:1px solid #1e2c5e;color:#c3d1f2}
.night .bars{background:#0c1230cc;border:1px solid #1e2c5e}
.night .bar .t{color:#dfe7ff}.bar .t span:last-child{color:#7284b8}
.night .rail{background:#141c40}
.night .bar:nth-child(1) .rail i{background:linear-gradient(90deg,#4a7dff,#7fb0ff)}
.night .bar:nth-child(2) .rail i{background:linear-gradient(90deg,#4be0a0,#8af0c8)}
.night .bar:nth-child(3) .rail i{background:linear-gradient(90deg,#b08fff,#d0b8ff)}
.night .bar:nth-child(4) .rail i{background:linear-gradient(90deg,#ffb060,#ffcf8a)}
.night .cta{background:linear-gradient(135deg,#122a66,#2a1a66);border:1px solid #2a3f77;color:#eaf0ff}
.night .cta p{color:#93a5d6}
.night .cta a{background:#4a7dff;color:#fff;box-shadow:0 0 18px #4a7dff66}
.night footer{color:#7284b8;border-top:1px solid #16204a}
.night footer .riddle{color:#7fb0ff}
.night footer a{color:#5aa0ff}

/* ---- V6 昼夜切换层 ---- */
body,.nav,.card,.note,.vid,.bubble,.bars,.cta,footer,.tag,.warn,.st,.rail,.hi,.slogan,.talk{transition:background-color .6s ease,color .6s ease,border-color .6s ease}

/* logo 化为返回主页的链接：抵消 .nav a 的通用样式，保持原视觉（M5 后补） */
.nav a.logo{margin-left:0}
.day .nav a.logo{color:#0c1220}
.night .nav a.logo{color:#fff}
.decor-day,.decor-night{transition:opacity .7s ease,visibility .7s ease}
.day .decor-night,.night .decor-day{opacity:0;visibility:hidden}
.day .decor-night *,.night .decor-day *{animation-play-state:paused}
.day .hnight,.night .hday{display:none}
/* 白天 hero 居中（老大 2026-09-10 反馈：原 05 左对齐与夜晚不一致）；padding 对齐夜晚 90/70，切主题不跳高度 */
.day .hero-in{margin:0 auto;text-align:center;padding:90px 20px 70px}
#theme-toggle{position:fixed;right:22px;bottom:22px;z-index:99;font:600 12.5px/1 'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:1px;padding:11px 18px;border-radius:24px;border:1px solid #889;cursor:pointer;backdrop-filter:blur(8px);transition:transform .25s,background-color .3s,color .3s,border-color .3s,box-shadow .3s}
.day #theme-toggle{background:#ffffffd9;color:#2563eb;border-color:#b9c8e8;box-shadow:0 4px 14px #2563eb22}
.night #theme-toggle{background:#0c1230d9;color:#8fb0ff;border-color:#2a3f77;box-shadow:0 0 16px #4a7dff44}
#theme-toggle:hover{transform:translateY(-2px)}