:root{--c-primary:#1976D2;--c-primary-2:#2196F3;--c-primary-lite:#64B5F6;--g-brand:linear-gradient(135deg,#1565C0,#2196F3);--c-accent:#FFD54F;--c-accent-strong:#FFC107;--d-abyss:#061B33;--d-deep:#0A2A4A;--d-mid:#103A63;--d-soft:#16487A;--d-card:#0E3054;--d-card-2:#14406E;--d-line:rgba(120,180,240,.16);--l-bg-0:#F5FAFF;--l-bg-1:#E8F4FE;--l-surface:#fff;--t-on-dark:#EAF4FF;--t-on-dark-soft:#A8C6E6;--t-on-light:#12304C;--t-on-light-soft:#4A6B8A;--cat-b:#26C6DA;--cat-s:#42A5F5;--cat-e:#26C6A8;--cat-m:#9575FF;--cat-g:#90A4C0;--cat-d:#FFB300;--cat-p:#66BB6A;--radius-s:12px;--radius-m:20px;--radius-l:28px;--shadow-dark:0 10px 30px rgba(0,0,0,.35);--shadow-glow:0 0 0 1px var(--d-line),0 8px 26px rgba(0,20,50,.5);--font-display:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--font-body:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--font-latin:"Baloo 2",var(--font-body)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.85;color:var(--t-on-dark);background:var(--d-deep)}a{color:var(--c-primary-lite)}img{max-width:100%}:focus-visible{outline:3px solid var(--c-primary-2);outline-offset:2px;border-radius:4px}.wrap{max-width:1160px;margin:0 auto;padding:0 20px}body.mode-a{background:linear-gradient(180deg,#0a2a4a,#0c3057 40%,#061b33);background-attachment:fixed}.clay-btn{display:inline-block;font-family:var(--font-display);font-weight:900;font-size:1.04rem;padding:.72em 1.7em;border:0;border-radius:999px;cursor:pointer;text-decoration:none;background:var(--g-brand);color:#fff;box-shadow:0 5px #0a3c78,0 8px 20px #2196f366;transition:transform .12s,box-shadow .12s}.clay-btn:active{transform:translateY(4px);box-shadow:0 1px #0a3c78}.clay-btn--sun{background:linear-gradient(135deg,#ffd54f,#ffb300);color:#4a3600;box-shadow:0 5px #c79100,0 8px 22px #ffc10766}.clay-btn--sun:active{box-shadow:0 1px #c79100}.clay-btn--ghost{background:#ffffff14;color:var(--c-primary-lite);border:1.5px solid var(--d-line);box-shadow:none}.clay-btn--ghost:active{transform:translateY(2px)}.chip{display:inline-flex;align-items:center;gap:.35em;font-size:.85rem;font-weight:700;padding:.24em .85em;border-radius:999px;white-space:nowrap;text-decoration:none;background:color-mix(in srgb,var(--chip-c,var(--c-primary)) 22%,transparent);color:color-mix(in srgb,var(--chip-c,var(--c-primary)) 55%,#fff);border:1px solid color-mix(in srgb,var(--chip-c,var(--c-primary)) 45%,transparent)}.sec-head{text-align:center;margin:0 0 12px}.sec-title{display:inline-block;font-family:var(--font-display);font-weight:900;font-size:clamp(1.4rem,3.4vw,1.9rem);line-height:1.4;color:var(--t-on-dark);background:linear-gradient(transparent 62%,#ffc10759 62%);padding:0 .25em}.sec-sub{text-align:center;color:var(--t-on-dark-soft);margin:.4em auto 34px;max-width:34em}.nav{position:sticky;top:0;z-index:50;background:#08203ad1;backdrop-filter:blur(12px);border-bottom:1px solid var(--d-line)}.nav .wrap{display:flex;align-items:center;gap:18px;min-height:66px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--t-on-dark);margin-right:auto}.brand-logo{width:44px;height:44px;border-radius:50%;background:var(--g-brand);color:#fff;display:grid;place-items:center;font-size:22px;flex:none;box-shadow:0 0 18px #2196f399,0 3px #0a3c78}.brand b{font-family:var(--font-display);font-weight:900;font-size:1.06rem;display:block;line-height:1.25}.brand small{color:var(--t-on-dark-soft);font-size:.74rem;letter-spacing:.05em}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{font-weight:700;font-size:.95rem;text-decoration:none;color:var(--t-on-dark);padding:.42em .85em;border-radius:999px;transition:background .15s}.nav-links a:hover{background:#ffffff1a}.nav-cta{margin-left:8px;font-size:.92rem;padding:.55em 1.25em}.nav-toggle{display:none;margin-left:auto;border:0;background:#ffffff1a;border-radius:12px;width:44px;height:44px;font-size:20px;cursor:pointer;color:var(--c-primary-lite)}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#0a2a4a,#0e3459 55%,#103a63)}.ray{position:absolute;top:-40px;width:200px;height:70%;pointer-events:none;background:linear-gradient(180deg,#78beff33,#78beff00);transform:skew(-14deg);filter:blur(3px)}.ray.r1{left:14%}.ray.r2{left:60%;width:140px;opacity:.7}.bub{position:absolute;bottom:-60px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 32% 30%,rgba(180,220,255,.9),rgba(120,180,240,.2) 60%,transparent);animation:rise 12s linear infinite}@keyframes rise{to{transform:translateY(-130vh);opacity:0}}.hero-top{position:relative;text-align:center;padding:58px 20px 6px;max-width:760px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:.4em;background:#ffffff1a;border:1px solid var(--d-line);border-radius:999px;padding:.3em 1.1em;font-weight:700;font-size:.88rem;color:var(--c-accent)}.hero h1{font-family:var(--font-display);font-weight:900;margin:.55em 0 .25em;color:#fff;font-size:clamp(1.7rem,4.6vw,2.75rem);line-height:1.45;text-shadow:0 2px 20px rgba(0,0,0,.4)}.hl{background:linear-gradient(transparent 60%,#ffc10773 60%);padding:0 .1em}.hero-sub{color:var(--t-on-dark-soft);margin:0 0 1.3em;font-size:clamp(.98rem,2vw,1.12rem)}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.voyage{position:relative;height:360px;max-width:1200px;margin:6px auto 0}.voyage svg.path{position:absolute;inset:0;width:100%;height:100%}.stop{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none}.sticker{width:96px;height:96px;border-radius:50%;background:var(--d-card);display:grid;place-items:center;font-size:46px;border:4px solid var(--stop-c,var(--c-primary));box-shadow:0 0 22px color-mix(in srgb,var(--stop-c,var(--c-primary)) 60%,transparent),0 10px 22px #0006;transition:transform .18s}.stop:hover .sticker{transform:translateY(-6px) rotate(-4deg)}.stop-pill{background:var(--d-card);border:1px solid var(--d-line);border-radius:999px;padding:.32em 1em;font-weight:900;font-size:.92rem;font-family:var(--font-display);color:var(--stop-c,var(--c-primary-lite));white-space:nowrap}.stop-pill span{font-weight:700;opacity:.5;margin-left:.15em}.school{position:absolute;left:3.5%;top:14%;width:170px;text-align:center}.school .stop-pill{display:inline-block;margin-top:6px;color:var(--c-primary-lite)}.voyage .deco{position:absolute;bottom:0;opacity:.4;pointer-events:none}.deco.d1{left:2%}.deco.d2{right:2%}.voyage-m{display:none;position:relative;max-width:420px;margin:18px auto 0;padding:6px 20px 10px}.voyage-m .stop{position:static;transform:none;flex-direction:row;justify-content:flex-start;gap:14px;margin:0 auto;width:fit-content}.voyage-m .sticker{width:72px;height:72px;font-size:34px;flex:none}.voyage-m .link-dots{width:4px;height:30px;margin:6px auto;background-image:radial-gradient(circle,var(--c-primary-lite) 2px,transparent 2.6px);background-size:4px 10px}.voyage-m .school-m{text-align:center;margin-bottom:4px}.wave{display:block;width:100%;height:72px}.band{padding:6px 0 58px}body.mode-a .band{background:transparent}body.mode-b .band{background:var(--d-mid)}.info-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}.card{background:var(--d-card);border:1px solid var(--d-line);border-radius:var(--radius-m);box-shadow:var(--shadow-glow);padding:22px 24px;color:var(--t-on-dark)}.card h3{font-family:var(--font-display);font-weight:900;font-size:1.08rem;margin:0 0 .7em;display:flex;align-items:center;gap:.45em;color:#fff}.card h3 .more{margin-left:auto;font-size:.82rem;font-weight:700;text-decoration:none;color:var(--c-primary-lite)}.notice{margin:0;padding:0}.notice li{list-style:none;display:flex;align-items:flex-start;gap:10px;padding:.55em 0;border-bottom:1px dashed var(--d-line)}.notice li:last-child{border-bottom:0}.notice a{color:var(--t-on-dark);text-decoration:none;font-weight:500;line-height:1.55}.notice a:hover{color:var(--c-primary-lite)}.topics{display:flex;flex-wrap:wrap;gap:9px}.parent-card p{margin:.2em 0 1em;color:var(--t-on-dark-soft);font-size:.95rem}.parent-card .mail{display:inline-flex;align-items:center;gap:.4em;font-weight:700;background:#ffffff14;border:1px solid var(--d-line);border-radius:999px;padding:.4em 1em;text-decoration:none;font-size:.92rem;color:var(--c-primary-lite)}.featured{padding:8px 0 60px}body.mode-b .featured{background:var(--d-soft)}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.art-card{display:flex;flex-direction:column;border-radius:var(--radius-m);overflow:hidden;background:var(--d-card);border:1px solid var(--d-line);box-shadow:var(--shadow-glow);text-decoration:none;color:var(--t-on-dark);border-top:5px solid var(--bar-c,var(--c-primary));transition:.18s}.art-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px color-mix(in srgb,var(--bar-c) 50%,transparent),0 14px 34px #00000080;background:var(--d-card-2)}.art-cover{height:132px;display:grid;place-items:center;font-size:56px;background:linear-gradient(135deg,color-mix(in srgb,var(--bar-c) 35%,var(--d-card)),color-mix(in srgb,var(--bar-c) 12%,var(--d-card)))}.art-body{padding:16px 20px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.art-body h3{margin:.1em 0 0;font-family:var(--font-display);font-weight:900;font-size:1.06rem;line-height:1.55;color:#fff}.art-body p{margin:0;color:var(--t-on-dark-soft);font-size:.92rem;line-height:1.75;flex:1}.art-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.tool-tag{font-size:.8rem;font-weight:700;color:var(--c-primary-lite);background:#2196f326;border-radius:999px;padding:.2em .8em}.read{margin-left:auto;font-weight:900;font-size:.88rem;color:var(--c-primary-lite)}.center-cta{text-align:center;margin-top:34px}.charas{padding:8px 0 60px}body.mode-b .charas{background:var(--d-mid)}.marquee{display:flex;gap:18px;overflow-x:auto;padding:10px 4px 22px;scroll-snap-type:x mandatory}.marquee::-webkit-scrollbar{height:10px}.marquee::-webkit-scrollbar-thumb{background:#78b4f04d;border-radius:99px}.chara{scroll-snap-align:start;flex:0 0 auto;width:118px;text-align:center;text-decoration:none;color:var(--t-on-dark)}.chara .face{width:92px;height:92px;margin:0 auto;border-radius:50%;background:var(--d-card);display:grid;place-items:center;font-size:42px;border:4px solid var(--cc,var(--c-primary));box-shadow:0 0 20px color-mix(in srgb,var(--cc,var(--c-primary)) 55%,transparent);transition:transform .18s}.chara:hover .face{transform:translateY(-6px)}.chara b{display:block;margin-top:8px;font-size:.86rem;font-family:var(--font-display);font-weight:900;line-height:1.4;color:#fff}.chara small{color:var(--t-on-dark-soft);font-size:.74rem}.about{padding:8px 0 64px}body.mode-b .about{background:var(--d-soft)}.about-card{max-width:760px;margin:0 auto;background:var(--d-card);border:1px solid var(--d-line);border-radius:var(--radius-l);box-shadow:var(--shadow-glow);padding:34px 36px;text-align:center}.about-card .brand-logo{width:64px;height:64px;font-size:32px;margin:0 auto 12px}.about-card h2{font-family:var(--font-display);font-weight:900;margin:.1em 0 .5em;font-size:1.4rem;color:#fff}.about-card p{color:var(--t-on-dark-soft);margin:0 auto 1.2em;max-width:36em}.seabed{position:relative;background:var(--d-abyss);color:var(--t-on-dark-soft);overflow:hidden;border-top:1px solid var(--d-line)}.seabed .wrap{position:relative;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding:44px 20px 26px}.seabed h4{font-family:var(--font-display);font-weight:900;color:#fff;margin:0 0 .6em;font-size:1rem}.seabed a{color:var(--t-on-dark-soft);text-decoration:none;display:block;padding:.18em 0;font-size:.93rem}.seabed a:hover{color:#fff}.seabed .brandline{display:flex;align-items:center;gap:10px;margin-bottom:8px}.seabed p{font-size:.9rem;color:var(--t-on-dark-soft);opacity:.8;margin:.3em 0}.copyright{position:relative;text-align:center;font-size:.82rem;color:var(--t-on-dark-soft);opacity:.6;border-top:1px solid var(--d-line);padding:14px 16px 20px;margin:0 20px}.coral{position:absolute;bottom:0;pointer-events:none}.page-hero{background:linear-gradient(180deg,#0a2a4a,#103a63);padding:46px 20px 20px;text-align:center;position:relative;overflow:hidden}.page-hero h1{font-family:var(--font-display);font-weight:900;font-size:clamp(1.6rem,4.5vw,2.4rem);margin:.2em 0 .3em;color:#fff}.page-hero p{color:var(--t-on-dark-soft);margin:0 auto;max-width:34em}.crumb{max-width:1160px;margin:0 auto;padding:14px 20px 0;font-size:.86rem}.crumb a{text-decoration:none;color:var(--c-primary-lite)}.section{padding:34px 0 60px}body.mode-b .section{background:var(--l-bg-0);color:var(--t-on-light)}.filter-bar{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:0 0 30px}.fbtn{cursor:pointer;border:1px solid var(--d-line);font-family:var(--font-body);font-weight:700;font-size:.86rem;padding:.4em 1em;border-radius:999px;background:var(--d-card);color:var(--t-on-dark-soft);transition:.15s}.fbtn.active{background:var(--g-brand);color:#fff;border-color:transparent}body.mode-b .fbtn{background:#fff;color:var(--t-on-light-soft);border:1px solid #D6E6F5;box-shadow:0 3px 12px #1565c014}body.mode-b .fbtn.active{background:var(--g-brand);color:#fff}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:900px){.grid3,.grid2,.grid4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid3,.grid2,.grid4{grid-template-columns:1fr}}.game-card{border-radius:var(--radius-m);overflow:hidden;display:flex;flex-direction:column;border-top:5px solid var(--bar-c,var(--c-primary));transition:.18s;text-decoration:none;background:var(--d-card);border-left:1px solid var(--d-line);border-right:1px solid var(--d-line);border-bottom:1px solid var(--d-line);box-shadow:var(--shadow-glow);color:var(--t-on-dark)}.game-card:hover{transform:translateY(-6px);box-shadow:0 14px 34px #00000080;background:var(--d-card-2)}body.mode-b .game-card{background:#fff;border-color:#e5f0fa;box-shadow:0 6px 20px #1565c01a;color:var(--t-on-light)}.game-thumb{height:120px;display:grid;place-items:center;font-size:52px;background:linear-gradient(135deg,color-mix(in srgb,var(--bar-c) 32%,var(--d-card)),color-mix(in srgb,var(--bar-c) 10%,var(--d-card)))}body.mode-b .game-thumb{background:linear-gradient(135deg,color-mix(in srgb,var(--bar-c) 20%,#fff),color-mix(in srgb,var(--bar-c) 6%,#fff))}.game-body{padding:15px 18px 18px;display:flex;flex-direction:column;gap:7px;flex:1}.game-body h3{font-family:var(--font-display);font-weight:900;font-size:1.02rem;margin:0;line-height:1.5;color:#fff}body.mode-b .game-body h3{color:var(--t-on-light)}.game-body p{color:var(--t-on-dark-soft);font-size:.9rem;margin:0;flex:1}body.mode-b .game-body p{color:var(--t-on-light-soft)}.gtype{font-size:.76rem;font-weight:700;color:var(--c-primary-lite);background:#2196f326;border-radius:999px;padding:.2em .7em;align-self:flex-start}body.mode-b .gtype{background:var(--l-bg-1)}.char-card{border-radius:var(--radius-m);padding:20px 16px;text-align:center;text-decoration:none;transition:.18s;background:var(--d-card);border:1px solid var(--d-line);border-bottom:5px solid var(--cc,var(--c-primary));box-shadow:var(--shadow-glow);color:var(--t-on-dark)}.char-card:hover{transform:translateY(-6px);box-shadow:0 0 22px color-mix(in srgb,var(--cc) 40%,transparent),0 14px 30px #00000073;background:var(--d-card-2)}body.mode-b .char-card{background:#fff;border-color:#e5f0fa;border-bottom-width:5px;box-shadow:0 6px 20px #1565c01a;color:var(--t-on-light)}.char-face{width:96px;height:96px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:46px;background:color-mix(in srgb,var(--cc) 20%,var(--d-card));border:4px solid var(--cc,var(--c-primary));box-shadow:0 0 18px color-mix(in srgb,var(--cc) 45%,transparent)}body.mode-b .char-face{background:color-mix(in srgb,var(--cc) 12%,#fff);box-shadow:none}.char-card b{font-family:var(--font-display);font-weight:900;font-size:.96rem;display:block;line-height:1.4;color:#fff}body.mode-b .char-card b{color:var(--t-on-light)}.char-card .role{font-size:.8rem;color:#fff;background:var(--cc);border-radius:999px;padding:.1em .8em;display:inline-block;margin-top:6px}.char-card .look{font-size:.82rem;color:var(--t-on-dark-soft);margin:.7em 0 0;line-height:1.6}body.mode-b .char-card .look{color:var(--t-on-light-soft)}.group-label{font-family:var(--font-display);font-weight:900;font-size:1.15rem;margin:8px 0 18px;display:flex;align-items:center;gap:.5em;color:var(--t-on-dark)}body.mode-b .group-label{color:var(--t-on-light)}.prose{max-width:760px;margin:0 auto;border-radius:var(--radius-l);padding:36px 40px;background:var(--d-card);border:1px solid var(--d-line);box-shadow:var(--shadow-glow);color:var(--t-on-dark)}body.mode-b .prose{background:#fff;border-color:#e5f0fa;box-shadow:0 6px 24px #1565c01a;color:var(--t-on-light)}.prose h2{font-family:var(--font-display);font-weight:900;font-size:1.3rem;margin:1.4em 0 .5em;color:var(--c-primary-lite)}body.mode-b .prose h2{color:var(--c-primary)}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 1em;line-height:1.9}.prose blockquote{border-left:4px solid var(--c-accent);background:#ffc1071a;margin:0 0 1.2em;padding:.8em 1.2em;border-radius:0 12px 12px 0}body.mode-b .prose blockquote{background:var(--l-bg-1)}.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1em;line-height:1.9}.prose strong{color:inherit;font-weight:700}.collab-card{border-radius:var(--radius-m);padding:24px 26px;background:var(--d-card);border:1px solid var(--d-line);box-shadow:var(--shadow-glow);color:var(--t-on-dark)}body.mode-b .collab-card{background:#fff;border-color:#e5f0fa;box-shadow:0 6px 20px #1565c01a;color:var(--t-on-light)}.collab-card h3{font-family:var(--font-display);font-weight:900;font-size:1.1rem;margin:0 0 .5em;color:#fff}body.mode-b .collab-card h3{color:var(--t-on-light)}.collab-card p{color:var(--t-on-dark-soft);margin:0;line-height:1.75;font-size:.95rem}body.mode-b .collab-card p{color:var(--t-on-light-soft)}.preview-flag{position:fixed;right:12px;bottom:12px;z-index:99;color:#fff;font-size:.76rem;padding:.45em 1em;border-radius:999px;box-shadow:0 4px 14px #0006;font-weight:700}@media(max-width:880px){.voyage{display:none}.voyage-m{display:block}.info-grid,.art-grid{grid-template-columns:1fr}.seabed .wrap{grid-template-columns:1fr 1fr}}@media(max-width:760px){.nav-links{display:none;position:absolute;top:66px;left:0;right:0;background:var(--d-deep);flex-direction:column;align-items:stretch;padding:10px 16px 16px;gap:4px;border-bottom:1px solid var(--d-line)}.nav-links.open{display:flex}.nav-links a{padding:.7em 1em}.nav-cta{margin:8px 0 0}.nav-toggle{display:block}.seabed .wrap{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.char-face img,.game-thumb img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.char-face.has-img .char-emoji,.game-thumb.has-img .game-emoji{display:none}.game-thumb.has-img{background:none!important}.art-wrap,.game-wrap{display:flex}.art-wrap>.art-card,.game-wrap>.game-card{width:100%}