:root{--navy:#091d2d;--navy2:#102d3b;--mint:#54e0b1;--coral:#ff7b68;--cream:#f7f8f2;--ink:#112a37;--muted:#6e7d82;--line:#dfe6e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC",sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.topbar{height:76px;padding:0 max(5vw,28px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf1ef}.brand{display:flex;align-items:center;gap:10px;font:800 22px Outfit,sans-serif}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px 10px 16px 16px;background:var(--mint);color:var(--navy);transform:rotate(-4deg)}.brand-dot{color:#1db98a}.topbar nav{display:flex;gap:35px;font-size:14px;font-weight:600}.topbar nav a{height:76px;display:grid;place-items:center;position:relative}.topbar nav a:hover,.topbar nav .active{color:#159a76}.topbar nav .active:after{content:"";position:absolute;bottom:0;width:24px;height:3px;background:var(--mint);border-radius:5px}.header-actions{display:flex;gap:8px}.icon-btn,.menu-btn{border:0;background:#edf6f3;width:38px;height:38px;border-radius:50%;cursor:pointer}.menu-btn{display:none}.hero{height:min(680px,calc(100vh - 76px));min-height:580px;position:relative;overflow:hidden;background:var(--navy);color:#fff}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,17,31,.72) 0%,rgba(3,17,31,.25) 48%,rgba(3,17,31,0) 75%),url('assets/aniimogg-hero.jpg');background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,rgba(5,25,38,.65))}.hero-content{position:relative;z-index:2;width:min(1180px,90vw);margin:auto;padding-top:100px}.eyebrow{display:flex;align-items:center;gap:10px;font-weight:600;font-size:13px;letter-spacing:2px;color:#aececa}.eyebrow span{width:26px;height:2px;background:var(--mint)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(44px,5vw,70px);line-height:1.16;letter-spacing:-2px;margin:22px 0}.hero h1 span{color:var(--mint)}.hero-content>p{font-size:17px;line-height:1.8;max-width:530px;color:#d5e2e2}.hero-search{margin-top:30px;width:min(560px,100%);height:60px;background:#fff;border-radius:10px;display:flex;align-items:center;padding:0 18px;box-shadow:0 18px 40px #00111c66}.hero-search>span{font-size:26px;color:#7c8d91}.hero-search input{flex:1;border:0;outline:0;padding:0 14px;color:var(--ink);min-width:0}.hero-search kbd{background:#edf2f1;color:#7e8a8b;border-radius:5px;padding:4px 8px;font-size:11px}.hot-search{display:flex;gap:13px;margin-top:16px;align-items:center;font-size:12px;color:#bfd0d0}.hot-search button{border:0;background:transparent;color:#fff;padding:0;cursor:pointer;border-bottom:1px solid #ffffff55}.hero-stats{position:absolute;z-index:3;bottom:28px;right:5vw;display:flex;align-items:center;gap:0;background:#092231d9;border:1px solid #ffffff22;backdrop-filter:blur(12px);border-radius:14px;padding:17px 22px}.hero-stats div{padding:0 24px;border-right:1px solid #ffffff26}.hero-stats div:first-child{padding-left:0}.hero-stats strong{display:block;font:700 24px Outfit;color:var(--mint)}.hero-stats span{font-size:11px;color:#afc1c1}.hero-stats small{padding-left:24px;color:#7f9b9b}.section{width:min(1180px,90vw);margin:auto}.quick{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;margin-top:-1px;position:relative;z-index:5;border-radius:0 0 14px 14px;box-shadow:0 12px 40px #132b3220}.quick a{display:flex;align-items:center;padding:25px 22px;border-right:1px solid var(--line);gap:13px}.quick a:last-child{border:0}.quick a:hover em{transform:translateX(4px)}.quick i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:20px}.quick .mint{background:#dff9ef;color:#16a077}.quick .coral{background:#ffebe8;color:#f06352}.quick .violet{background:#ebeafa;color:#7167c7}.quick .gold{background:#fff3d4;color:#bd8820}.quick span{display:flex;flex-direction:column}.quick b{font-size:14px}.quick small{color:#879393;font-size:11px;margin-top:4px}.quick em{margin-left:auto;font-style:normal;color:#9aa6a5;transition:.2s}.guides{padding:105px 0 115px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-head>div>span,.label{color:#17a97f;font:700 11px Outfit;letter-spacing:2px}.section-head h2,.team h2{font-size:36px;margin:8px 0 6px}.section-head p{color:var(--muted);margin:0}.section-head>a{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.guide-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:20px}.guide-card{background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 8px 25px #102e3510;transition:.25s}.guide-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #102e3520}.card-visual{height:165px;position:relative;display:grid;place-items:center;overflow:hidden}.featured .card-visual{height:205px}.visual-green{background:radial-gradient(circle at 70% 30%,#bff5d5,#296f67 60%,#123947)}.visual-blue{background:radial-gradient(circle at 65% 30%,#a7eff7,#3d8ba3 55%,#153e55)}.visual-coral{background:radial-gradient(circle at 60% 35%,#ffd39f,#d96f58 58%,#5b3240)}.orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#ffffff22;color:#fff;font-size:38px;border:1px solid #ffffff66;box-shadow:inset 0 0 25px #fff5,0 20px 30px #0018}.badge{position:absolute;left:15px;top:15px;background:#d7fae8;color:#167454;padding:5px 9px;border-radius:4px;font-size:10px;font-weight:700}.blue{background:#d9f5fc;color:#26718b}.coral-badge{background:#ffebe6;color:#a94c3d}.card-body{padding:23px}.card-body .meta{font-size:10px;color:#899596;margin-bottom:10px}.card-body h3{font-size:20px;line-height:1.5}.card-body p{font-size:13px;line-height:1.8;color:var(--muted)}.card-body a{font-size:12px;font-weight:700;color:#118769}.card-body a span{margin-left:5px}.empty{text-align:center;color:var(--muted);padding:35px}.database{background:var(--navy);color:#fff;padding:95px 0}.light h2{color:#fff}.light p{color:#92aab0}.filters{display:flex;gap:8px}.filters button{border:1px solid #ffffff25;background:transparent;color:#9eb4b7;border-radius:20px;padding:7px 14px;font-size:11px;cursor:pointer}.filters button.selected{background:var(--mint);border-color:var(--mint);color:var(--navy);font-weight:700}.creature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.creature-grid article{background:#102e3d;border:1px solid #ffffff12;border-radius:13px;padding:14px 14px 20px;transition:.2s}.creature-grid article:hover{background:#163a49;transform:translateY(-4px)}.creature{height:160px;border-radius:9px;display:grid;place-items:center;font-size:65px;margin-bottom:16px}.c1{background:linear-gradient(145deg,#33594a,#7abd80)}.c2{background:linear-gradient(145deg,#214766,#65bcd2)}.c3{background:linear-gradient(145deg,#65332e,#eb8b5c)}.c4{background:linear-gradient(145deg,#3d435e,#9d83c7)}.creature-grid small{font-size:10px;color:#79d8ba}.creature-grid h3{margin:5px 0;font-size:19px}.creature-grid p{font-size:11px;color:#8fa5aa;margin:0}.disclaimer{color:#6f8990;font-size:10px;margin:20px 0 0}.team{display:grid;grid-template-columns:1fr 1.25fr;gap:85px;padding:110px 0;align-items:center}.team-copy>p{color:var(--muted);line-height:1.8;max-width:430px}.team-slots{display:flex;gap:10px;margin:25px 0}.team-slots button{width:70px;height:70px;border:1px dashed #9bb1ac;background:#fff;border-radius:16px;color:#8fa39e;font-size:24px}.team-slots button.filled{border:0;background:var(--mint);color:var(--navy);font-size:25px}.primary{border:0;background:var(--navy);color:#fff;border-radius:7px;padding:11px 18px;cursor:pointer;font-size:12px;font-weight:700}.builder-list{background:#fff;padding:28px;border-radius:16px;box-shadow:0 20px 50px #102e3517}.builder-list h3{display:flex;justify-content:space-between}.builder-list h3 small{font-weight:400;color:var(--muted);font-size:11px}.builder-list>div{display:grid;grid-template-columns:1fr 1fr;gap:11px}.builder-list button{border:1px solid var(--line);background:#f9fbfa;border-radius:10px;padding:16px;text-align:left;display:flex;gap:14px;align-items:center;font-size:23px;cursor:pointer}.builder-list button:hover{border-color:var(--mint)}.builder-list button span{display:flex;flex-direction:column;font-size:13px;font-weight:700}.builder-list button small{color:var(--muted);font-size:10px;font-weight:400;margin-top:3px}.newsletter{background:var(--mint);padding:55px max(5vw,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.newsletter span{font:700 11px Outfit;letter-spacing:2px}.newsletter h2{font-size:27px;margin:7px 0}.newsletter form{display:flex;background:#fff;padding:5px;border-radius:9px}.newsletter input{flex:1;border:0;padding:0 15px;outline:0;min-width:0}.newsletter button{border:0;background:var(--navy);color:#fff;padding:13px 20px;border-radius:6px;cursor:pointer}.newsletter>p{grid-column:2;margin:-35px 8px 0;font-size:12px}footer{background:#061722;color:#91a5aa;padding:45px max(5vw,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:35px;font-size:11px}footer .brand{color:#fff}footer p{margin:0;flex:1}footer>div{display:flex;gap:20px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#0a2735;color:#fff;padding:11px 18px;border-radius:7px;opacity:0;pointer-events:none;transition:.25s;z-index:50;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.topbar nav{display:none}.menu-btn{display:block}.hero{height:690px}.hero-content{padding-top:70px}.hero-stats{left:5vw;right:5vw;bottom:22px}.hero-stats small{display:none}.hero-stats div{flex:1}.quick{grid-template-columns:1fr 1fr}.quick a:nth-child(2){border-right:0}.guide-grid{grid-template-columns:1fr 1fr}.guide-card.featured{grid-column:1/-1}.creature-grid{grid-template-columns:1fr 1fr}.team{gap:40px}.newsletter{grid-template-columns:1fr}.newsletter>p{grid-column:1;margin:-35px 8px 0}footer{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:570px){.topbar{height:66px}.icon-btn{display:none}.hero{min-height:660px}.hero-content{padding-top:55px}.hero h1{font-size:43px}.hero-content>p{font-size:14px}.hero-stats div{padding:0 12px}.hero-stats strong{font-size:20px}.quick{width:100%;border-radius:0}.quick a{padding:18px 13px}.quick i{width:36px;height:36px}.quick small{display:none}.guides{padding:75px 0}.section-head{align-items:flex-start;gap:20px}.section-head h2,.team h2{font-size:29px}.section-head>a{white-space:nowrap}.guide-grid{grid-template-columns:1fr}.guide-card.featured{grid-column:auto}.creature-grid{gap:10px}.creature{height:125px}.filters{display:none}.team{grid-template-columns:1fr;padding:75px 0}.builder-list{padding:19px}.newsletter{padding-top:45px;padding-bottom:55px}.newsletter form{flex-direction:column;background:transparent;gap:8px}.newsletter input{padding:14px;border-radius:7px}.newsletter>p{margin:-35px 0 0}footer{flex-direction:column}footer>div{flex-wrap:wrap}}
.article-page{background:#edf3ef}.article-shell{width:min(820px,90vw);margin:65px auto 110px}.article-shell>a{font-size:13px;color:#148766}.article-shell article{margin-top:24px;background:#fff;border-radius:18px;padding:clamp(28px,6vw,62px);box-shadow:0 20px 55px #17363112}.article-shell h1{font-size:clamp(36px,6vw,55px);line-height:1.2;letter-spacing:-1.5px}.article-shell h2{font-size:24px;margin:40px 0 10px}.article-shell p,.article-shell li{color:#53666a;line-height:1.9}.article-shell li+li{margin-top:8px}.article-shell .lead{font-size:18px}.article-shell aside{margin-top:36px;background:#fff4d6;border-left:4px solid #eab84a;padding:18px;color:#695a34;line-height:1.7;font-size:13px}.newsletter>a{justify-self:end}