@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-var.woff)format("woff");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-italic-var.woff)format("woff");font-weight:300 700;font-style:italic;font-display:swap}:root{--bg:#0b0f0d;--bg-deep:#080b09;--bg-raise:#111713;--panel:#141b17;--panel-2:#19211c;--line:#ece7da1f;--line-strong:#ece7da38;--text:#eeeadf;--text-soft:#c9c5b8;--muted:#a9a698;--warm:#e8c77a;--warm-deep:#c89b44;--moss:#8fb88a;--leaf:#2f4a37;--focus:#ffd98a;--radius-lg:28px;--radius:18px;--radius-sm:12px;--gutter:20px;--maxw:1180px;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, "Songti SC", "Noto Serif SC", "Source Han Serif SC", serif;--sans:system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", Roboto, sans-serif;--ease:cubic-bezier(.22, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg);scroll-padding-top:76px}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65;overflow-x:hidden}:lang(zh-Hans) body,html:lang(zh-Hans){line-height:1.8}img,video{max-width:100%;height:auto;display:block}a{color:var(--warm);text-underline-offset:3px}a:hover{color:#f6dea3}button{font:inherit;color:inherit}p{margin:0 0 1em}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;transition:top .2s;position:fixed;top:-60px;left:12px}.skip-link:focus{color:var(--bg);top:12px}main:focus{outline:none}.container{width:100%;max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.brand{font-family:var(--serif);letter-spacing:.01em;white-space:nowrap;font-weight:500}.brand em{color:var(--warm);font-style:italic;font-weight:500}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--moss);align-items:center;gap:10px;margin:0 0 14px;font-size:.8rem;font-weight:600;display:flex}:lang(zh-Hans) .eyebrow{letter-spacing:.12em;font-size:.85rem}.section{padding:88px 0;position:relative}.section-head{max-width:720px;margin-bottom:44px}.section-title{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0 0 16px;font-size:clamp(2.1rem,6.4vw,3.6rem);font-weight:500;line-height:1.05}:lang(zh-Hans) .section-title{letter-spacing:.02em;font-size:clamp(1.8rem,5.6vw,2.9rem);font-weight:600;line-height:1.25}.section-lead{color:var(--text-soft);max-width:62ch;margin:0;font-size:1.12rem}.sub-title{font-family:var(--serif);margin:0 0 14px;font-size:1.6rem;font-weight:500;line-height:1.2}:lang(zh-Hans) .sub-title{font-size:1.3rem;font-weight:600}.fine-print{color:var(--muted);max-width:70ch;margin:36px 0 0;font-size:.9rem}.btn{cursor:pointer;min-height:52px;transition:background-color .2s, border-color .2s, color .2s, transform .2s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{background:var(--text);color:#10140f}.btn-primary:hover{color:#10140f;background:#fff8e6}.btn-ghost{border-color:var(--line-strong);color:var(--text);background:#ece7da0a}.btn-ghost:hover{color:var(--text);background:#ece7da14;border-color:#ece7da73}.btn-small{min-height:44px;padding:0 18px;font-size:.92rem}.btn:disabled{opacity:.45;cursor:not-allowed}.status-pill{color:#cfe3c8;letter-spacing:.04em;background:#8fb88a14;border:1px solid #8fb88a59;border-radius:999px;align-items:center;gap:8px;margin:0 0 22px;padding:5px 12px 5px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.status-dot{background:var(--moss);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #8fb88a2e}.status-pill-quiet{margin:14px 0 0}.site-header{z-index:50;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;bottom:auto;left:0;right:0}.site-header.is-scrolled,.site-header.is-open{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0f0ddb}.header-inner{max-width:var(--maxw);height:64px;padding:0 var(--gutter);align-items:center;gap:16px;margin:0 auto;display:flex}.header-brand{color:var(--text);margin-right:auto;font-size:1.55rem;text-decoration:none}.header-brand:hover{color:var(--text)}.header-tools{align-items:center;gap:10px;display:flex}.lang-switch{border:1px solid var(--line-strong);background:#080b0999;border-radius:999px;padding:3px;display:inline-flex}.lang-switch button{min-width:44px;min-height:36px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:.88rem;font-weight:600}.lang-switch button[aria-pressed=true]{background:var(--text);color:#10140f}.lang-switch button:not([aria-pressed=true]):hover{color:var(--text);background:#ece7da14}.menu-toggle{border:1px solid var(--line-strong);cursor:pointer;background:#080b0999;border-radius:50%;place-items:center;width:44px;height:44px;display:inline-grid}.menu-icon{gap:6px;width:18px;display:grid}.menu-icon span{height:1.6px;transition:transform .25s var(--ease);background:currentColor;border-radius:2px;display:block}.is-open .menu-icon span:first-child{transform:translateY(3.8px)rotate(45deg)}.is-open .menu-icon span:last-child{transform:translateY(-3.8px)rotate(-45deg)}.site-nav{display:none}.is-open .site-nav{border-bottom:1px solid var(--line);padding:8px var(--gutter) 22px;background:#0b0f0df7;max-height:calc(100vh - 64px);display:block;position:absolute;top:64px;left:0;right:0;overflow-y:auto}.site-nav ul{margin:0;padding:0;list-style:none}.site-nav a{color:var(--text);border-bottom:1px solid var(--line);padding:13px 4px;font-size:1.15rem;text-decoration:none;display:block}.site-nav a:hover{color:var(--warm)}@media (min-width:960px){.menu-toggle{display:none}.site-nav,.is-open .site-nav{background:0 0;border:0;max-height:none;padding:0;display:block;position:static}.site-nav ul{gap:4px;display:flex}.site-nav a{color:var(--text-soft);border:0;border-radius:999px;padding:8px 12px;font-size:.95rem}.site-nav a:hover{color:var(--text);background:#ece7da0f}.site-nav a{white-space:nowrap}}@media (min-width:960px) and (max-width:1179px){.site-nav ul{gap:0}.site-nav a{padding:8px;font-size:.9rem}}.world-backdrop{z-index:0;pointer-events:none;background:radial-gradient(70% 55% at 62% 38%, color-mix(in srgb, var(--world-glow,#e8c77a) calc(var(--world-glow-strength,.15) * 100%), transparent), transparent 70%), linear-gradient(180deg, var(--world-top,#14100b) 0%, var(--world-bottom,#0b0f0d) 100%);position:fixed;top:0;bottom:0;left:0;right:0}.world-backdrop:after{content:"";opacity:calc(.16 * var(--world-glow-strength,.15) / .15);transform:translate3d(0, calc(var(--world-p,0) * -1.2%), 0) scale(1.05);background:url(/images/habitat-backdrop-1200.webp) 50%/cover no-repeat;position:absolute;top:-10%;bottom:-10%;left:0;right:0}.world-canvas{z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease);position:fixed;top:0;bottom:0;left:0;right:0}html[data-experience=live] .world-canvas{opacity:1}main,.site-footer{z-index:2;position:relative}html.cinema-open{overflow:hidden}.hero{isolation:isolate;grid-template-rows:1fr auto;min-height:100svh;padding:84px 0 18px;display:grid;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#080b09cc 0%,#080b0985 40%,#080b091f 56%,#0000 66%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-still{z-index:-2;transition:opacity .9s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero-still.is-hidden{opacity:0;pointer-events:none}.hero-still img{object-fit:cover;object-position:50% 100%;width:100%;height:100%}.hero-inner{width:100%;max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.hero-copy{max-width:34rem;padding-top:2vh}.hero-title{font-family:var(--serif);margin:0 0 12px;font-weight:500;line-height:1.02}.hero-brand{color:var(--text-soft);margin-bottom:8px;font-size:clamp(1.25rem,4.6vw,1.7rem);display:block}.hero-brand em{color:var(--warm)}.hero-line{letter-spacing:-.015em;font-size:clamp(2.3rem,9.6vw,4.6rem);display:block}.hero-line+.hero-line{color:#f4e7c4;font-style:italic}:lang(zh-Hans) .hero-line{letter-spacing:.02em;font-size:clamp(2rem,8.4vw,3.9rem);font-weight:600;line-height:1.2}:lang(zh-Hans) .hero-line+.hero-line{font-style:normal}.hero-lead{text-shadow:0 1px 12px #080b09e6;color:var(--text-soft);max-width:30em;margin:0 0 18px;font-size:1.05rem}.hero .status-pill{margin-bottom:14px}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-foot{width:100%;max-width:var(--maxw);padding:0 var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 auto;display:flex}.hero-caption{color:var(--text-soft);text-shadow:0 0 3px #080b09f2,0 1px 12px #080b09f2;margin:0;font-size:.8rem}.hero-tools{flex-wrap:wrap;gap:8px;display:flex}.scroll-hint{letter-spacing:.14em;text-transform:uppercase;text-align:center;width:100%;color:var(--muted);margin:4px 0 0;font-size:.75rem}.scroll-hint:after{content:"";background:linear-gradient(var(--muted), transparent);width:1px;height:22px;margin:6px auto 0;animation:2.4s ease-in-out infinite hint;display:block}@keyframes hint{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.chip-btn{min-height:40px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s, background-color .2s, transform .15s var(--ease);background:#0a0d0b99;border:1px solid #e8c77a66;border-radius:999px;align-items:center;padding:0 14px;font-size:.86rem;font-weight:600;display:inline-flex}.chip-btn:hover{background:#e8c77a1f;border-color:#e8c77acc}.chip-btn:active{transform:scale(.97)}.chip-quiet{border-color:var(--line-strong);color:var(--text-soft)}@media (min-width:960px){.hero{padding-top:96px}.hero:before{background:linear-gradient(90deg,#080b09a8 0%,#080b0933 45%,#0000 62%)}.hero-inner{align-items:center;display:flex}.hero-copy{padding-top:0}.hero-lead{font-size:1.15rem}.hero-still img{object-position:70% 60%}.scroll-hint{width:auto}}.journey{position:relative}.chapter{min-height:100svh;padding:46svh var(--gutter) 9svh;align-items:flex-end;display:flex;position:relative}.chapter-layer{background:radial-gradient(60% 40% at 30% 70%, color-mix(in srgb, var(--world-glow,#e8c77a) 8%, transparent), transparent 70%);pointer-events:none;position:absolute;top:20%;bottom:0;left:0;right:0}.chapter-card{border:1px solid var(--line);background:#090c0ad6;border-radius:22px;width:100%;max-width:460px;padding:22px 20px 18px;position:relative;box-shadow:0 30px 60px -30px #000c}@media (min-width:960px) and (hover:hover){.chapter-card{-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);background:#090c0ab8}}.chapter-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--moss);align-items:center;gap:10px;margin:0 0 6px;font-size:.78rem;font-weight:600;display:flex}:lang(zh-Hans) .chapter-kicker{letter-spacing:.1em}.chapter-num{font-family:var(--serif);letter-spacing:0;color:var(--warm);font-size:1.05rem;font-style:italic}.chapter-title{font-family:var(--serif);margin:0 0 8px;font-size:clamp(1.7rem,6vw,2.4rem);font-weight:500;line-height:1.1}:lang(zh-Hans) .chapter-title{font-size:clamp(1.4rem,5vw,1.9rem);font-weight:600;line-height:1.35}.chapter-body{color:var(--text-soft);margin:0 0 14px}.chapter-card .facts{margin:0 0 14px;font-size:.92rem}.chapter-shots{align-items:flex-start;gap:10px;display:flex}.chapter-shots .phone-shot{flex:0 92px;min-width:0}.chapter-shots .phone-shot:nth-child(2){margin-top:14px}.chapter-frog{pointer-events:none;filter:drop-shadow(0 18px 22px #0000008c);width:min(60vw,330px);position:absolute;top:9svh;left:50%;transform:translate(-50%)}.chapter-frog.is-flipped img{transform:scaleX(-1)}.journey-end{padding:0 0 40px;position:relative}.dev-note{color:var(--text-soft);align-items:center;gap:10px;margin:0 0 12px;font-size:.92rem;display:flex}@media (min-width:960px){.chapter{padding:14vh max(var(--gutter), calc((100vw - var(--maxw)) / 2 + var(--gutter)));align-items:center;min-height:118vh}.chapter-card{padding:28px 28px 22px}.chapter-shots .phone-shot{flex-basis:132px}.chapter-frog{width:min(34vw,460px);top:50%;left:auto;right:9vw;transform:translateY(-50%)}}.phone-shot{margin:0}.phone-shot figcaption{color:var(--muted);margin-top:8px;font-size:.74rem;line-height:1.35}.phone-frame{background:linear-gradient(160deg,#2a302c,#121613 40%,#1d231f);border-radius:18px;padding:4px;position:relative;box-shadow:0 0 0 1px #ece7da24,0 18px 30px -16px #000c}.phone-frame img{background:#0e0f12;border-radius:14px;width:100%}.art-frame{box-shadow:0 0 0 1px var(--line), 0 16px 30px -18px #000000e6;background:#0a0a0a;border-radius:12px;overflow:hidden}.glass-touch{overflow:hidden}.glass-touch:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff6dc17 48%,#fff6dc05 56%,#0000 66%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-110%)}.glass-touch:hover:after,.glass-touch:active:after,.glass-touch:focus-within:after{animation:glimmer 1.3s var(--ease) 1}@keyframes glimmer{to{transform:translate(110%)}}.notes{border-radius:var(--radius-sm);border:1px solid var(--line);background:#141b17cc}.notes summary{cursor:pointer;min-height:48px;color:var(--text);align-items:center;padding:10px 16px;font-weight:600;display:flex}.notes summary::marker{color:var(--warm)}.notes-body{color:var(--text-soft);margin:0;padding:0 18px 16px 34px;font-size:.93rem}.notes-body li+li{margin-top:8px}div.notes-body{padding-left:18px}.mv{background:var(--bg-deep);border-top:1px solid var(--line)}.mv-grid{gap:28px;display:grid}.mv-credit{color:var(--text-soft);margin:14px 0 4px;font-size:.95rem}.mv-making{color:var(--muted);margin:0;font-size:.9rem}.mv-poster{aspect-ratio:16/9;border-radius:var(--radius);cursor:pointer;width:100%;box-shadow:0 0 0 1px var(--line), 0 40px 80px -40px #000000e6;background:#050605;border:0;place-items:center;padding:0;display:grid;position:relative}.mv-poster picture,.mv-poster img{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.mv-poster:hover .play-disc{transform:scale(1.07)}.mv-poster:focus-visible .play-disc{transform:scale(1.07)}.mv-poster:active .play-disc{transform:scale(.97)}.mv-note{color:var(--muted);margin:10px 0 16px;font-size:.85rem}.video-shell{aspect-ratio:16/9;border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.mv-video{object-fit:contain;width:100%;height:100%}.video-error{text-align:center;color:var(--text-soft);background:#050605e6;place-items:center;padding:20px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:960px){.mv-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:56px}}.cinema{width:min(1200px,94vw);max-width:none;max-height:none;color:var(--text);background:0 0;border:0;padding:0;overflow:visible}.cinema::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030504e0}.cinema[open]{animation:cinema-in .4s var(--ease)}@keyframes cinema-in{0%{opacity:0}}.cinema-inner{gap:12px;display:grid}.cinema-frame{aspect-ratio:16/9;transform-origin:50%;background:#000;border-radius:18px;width:100%;max-height:78vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ece7da1f,0 50px 120px -30px #000000e6}.cinema-video{object-fit:contain;background:#000;width:100%;height:100%}.cinema-error{text-align:center;background:#050605e6;margin:0;padding:12px 16px;position:absolute;top:auto;bottom:0;left:0;right:0}.cinema-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.cinema-title{font-family:var(--serif);gap:2px;margin:0;font-size:1.3rem;display:grid}.cinema-credit{font-family:var(--sans);color:var(--muted);font-size:.82rem}.cinema-actions{gap:8px;display:flex}.play-disc{z-index:1;color:#10140f;width:84px;height:84px;transition:transform .3s var(--ease);background:#eeeadff0;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 10px 40px #00000080}.play-disc svg{margin-left:4px}.play-label{z-index:1;background:#080b09b8;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-size:.92rem;font-weight:600;display:inline-flex;position:absolute;bottom:16px;left:18px}.play-length{color:var(--muted);font-variant-numeric:tabular-nums}.moments{margin-top:28px}.moments-title{margin:0 0 4px;font-size:1rem;font-weight:600}.moments-hint{color:var(--muted);margin:0 0 12px;font-size:.88rem}.moments-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.moments-list button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#8fb88a0f;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 6px;font-size:.92rem;transition:border-color .2s,background-color .2s;display:inline-flex}.moments-list button:hover{background:#8fb88a1f;border-color:#8fb88a80}.moments-list button:disabled{opacity:.5;cursor:not-allowed}.moment-time{color:#d7ead1;font-variant-numeric:tabular-nums;background:#8fb88a2e;border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:600}.frogs{background:0 0}.frog-stage-wrap{gap:28px;display:grid}.frog-stage{--glow:#4f86d8;border-radius:var(--radius-lg);background:radial-gradient(55% 45% at 50% 48%, color-mix(in srgb, var(--glow) 26%, transparent), transparent 72%), radial-gradient(90% 60% at 50% 0%, #fff4dc14, transparent 70%), linear-gradient(180deg, #121814, #0b0f0d);border:1px solid var(--line);min-height:320px;transition:background .6s var(--ease);place-items:center;padding:28px 18px 18px;display:grid;position:relative;overflow:hidden}.stage-glass{border-radius:calc(var(--radius-lg) - 8px);pointer-events:none;background:linear-gradient(120deg,#ffffff0d,#0000 30%);border:1px solid #ece7da12;position:absolute;top:10px;bottom:10px;left:10px;right:10px}.stage-image{aspect-ratio:4/3.2;place-items:center;width:100%;display:grid;position:relative}.stage-image img{object-fit:contain;filter:drop-shadow(0 22px 26px #0000008c);width:auto;max-width:88%;max-height:100%;animation:fade-in .45s var(--ease)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.view-switch{border:1px solid var(--line-strong);background:#080b09b3;border-radius:999px;grid-template-columns:repeat(4,auto);gap:2px;margin:12px 0 0;padding:4px;display:grid;position:relative}.view-switch label{cursor:pointer;position:relative}.view-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.view-switch span{white-space:nowrap;min-height:38px;color:var(--text-soft);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.88rem;font-weight:600;display:inline-flex}.view-switch label.is-on span{background:var(--text);color:#10140f}.view-switch input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.frog-info{padding:0 4px}.frog-morph{font-family:var(--serif);color:var(--warm);margin:0 0 4px;font-size:1.35rem;font-style:italic}.frog-species{font-family:var(--serif);margin:0 0 2px;font-size:clamp(2rem,6vw,2.8rem);font-weight:500;line-height:1.1}:lang(zh-Hans) .frog-species{font-size:clamp(1.7rem,5vw,2.2rem);font-weight:600}.frog-sci{color:var(--muted);margin:0 0 18px}.frog-markings{color:var(--text-soft);max-width:40ch}:lang(zh-Hans) .frog-markings{max-width:26em}.frog-note{color:var(--moss);font-size:.92rem}.frog-picker{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:36px;display:grid}.frog-chip{--glow:#888;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:center;transition:border-color .2s, background-color .2s, transform .2s var(--ease);justify-items:center;gap:6px;padding:10px 6px 12px;display:grid}.frog-chip img{object-fit:contain;width:78px;height:60px}.frog-chip:hover{border-color:var(--line-strong);transform:translateY(-2px)}.frog-chip.is-on{border-color:color-mix(in srgb, var(--glow) 70%, white 10%);background:color-mix(in srgb, var(--glow) 12%, var(--panel))}.chip-label{color:var(--text-soft);font-size:.8rem;font-weight:600;line-height:1.25}.frog-chip.is-on .chip-label{color:var(--text)}@media (min-width:960px){.frog-stage-wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:56px}.frog-chip img{width:100%;height:56px}.frog-picker{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1100px){.frog-picker{grid-template-columns:repeat(11,minmax(0,1fr));gap:8px}}.frog-stage:has(.stage-live.is-live){background:0 0}.stage-live{aspect-ratio:4/3.2;border-radius:calc(var(--radius-lg) - 8px);touch-action:pan-y;place-items:center;width:100%;display:grid;position:relative}.stage-live.is-live{cursor:grab}.stage-live.is-live.is-dragging{cursor:grabbing}.stage-live .stage-image{aspect-ratio:auto;position:absolute;top:0;bottom:0;left:0;right:0}.stage-loading{border:1px solid var(--line);color:var(--text-soft);white-space:nowrap;background:#080b09cc;border-radius:999px;margin:0;padding:6px 12px;font-size:.8rem;position:absolute;top:16px;left:50%;transform:translate(-50%)}.stage-loading.is-error{white-space:normal;text-align:center;width:max-content;max-width:90%}.view-switch button{min-height:38px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:.86rem;font-weight:600}.view-switch button[aria-pressed=true]{background:var(--text);color:#10140f}.view-switch button:not([aria-pressed=true]):hover{color:var(--text);background:#ece7da14}.view-switch .view-reset{border-left:1px solid var(--line);color:var(--warm);border-radius:0 999px 999px 0}.view-switch:has(button){flex-wrap:wrap;justify-content:center;display:flex}.drag-hint{color:var(--muted);margin:8px 0 0;font-size:.78rem}.frog-still-note{color:var(--muted);font-size:.82rem}.scene-frame{aspect-ratio:1;background:#0e0f12;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ece7da24,0 18px 30px -16px #000c}.scene-frame img{object-fit:cover;width:100%;height:100%}.stage-tag{z-index:2;border:1px solid var(--line);letter-spacing:.04em;color:var(--muted);pointer-events:none;background:#080b09b8;border-radius:999px;margin:0;padding:3px 10px;font-size:.72rem;font-weight:600;position:absolute;top:18px;left:18px}.kin-strip{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.kin-strip-label{color:var(--text-soft);margin:0 0 10px;font-size:.82rem;font-weight:600}.kin-strip-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.kin-strip-row li{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--line);background:radial-gradient(70% 60% at 50% 55%, #ece7da12, transparent 75%), var(--panel);place-items:center;padding:6px;display:grid}.kin-strip-row img{object-fit:contain;filter:drop-shadow(0 8px 8px #00000080);width:100%;height:100%}.kin-strip-note{color:var(--muted);margin:10px 0 0;font-size:.8rem}@media (max-width:420px){.view-switch span,.view-switch button{padding:0 9px;font-size:.82rem}}.breeding{border-top:1px solid var(--line)}.cross-tabs{margin:0 calc(-1 * var(--gutter)) 16px;padding:2px var(--gutter) 6px;scrollbar-width:thin;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);gap:8px;display:flex;overflow-x:auto}.cross-tabs button{border:1px solid var(--line-strong);min-height:44px;color:var(--text-soft);white-space:nowrap;cursor:pointer;scroll-snap-align:start;background:#080b0999;border-radius:999px;flex:none;padding:0 16px;font-size:.92rem;font-weight:600;transition:border-color .2s,background-color .2s,color .2s}.cross-tabs button:hover{color:var(--text);border-color:#8fb88a80}.cross-tabs button[aria-selected=true]{background:var(--text);border-color:var(--text);color:#10140f}.cross-panel{border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(60% 40% at 50% 30%,#8fb88a14,#0000 75%),radial-gradient(90% 60% at 50% 0,#fff4dc0f,#0000 70%),linear-gradient(#121814,#0b0f0d);padding:20px 14px 18px;position:relative}.cross-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 20px;margin-bottom:14px;display:flex}.cross-note{color:var(--text-soft);flex:320px;max-width:68ch;margin:0;font-size:.98rem}.view-switch.is-small{flex:none;margin:0}.view-switch.is-small button{min-height:36px;font-size:.82rem}.cross-parents{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;max-width:640px;margin:0 auto;display:grid}.cross-x{font-family:var(--serif);color:var(--warm);font-size:2.2rem;line-height:1}.cross-line{background:linear-gradient(180deg, transparent, var(--line-strong), transparent);width:1px;height:30px;margin:6px auto 4px}.cross-young-label,.clutch-label{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--moss);margin:0 0 8px;font-size:.78rem;font-weight:600}:lang(zh-Hans) .cross-young-label,:lang(zh-Hans) .clutch-label{letter-spacing:.08em}.clutch-label{color:var(--muted);letter-spacing:.08em}.cross-young{gap:14px;display:grid}.clutch{border-radius:var(--radius);background:#080b0959;border:1px solid #ece7da12;padding:10px 6px 4px}.cross-young.count-2 .clutch{background:0 0;border:0;padding:0}.clutch-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:560px;margin:0 auto;display:grid}.kin-card{text-align:center;margin:0}.kin-card-img{aspect-ratio:1;place-items:center;display:grid;position:relative}.kin-card-img img{object-fit:contain;filter:drop-shadow(0 14px 14px #0000008c);width:100%;height:100%;animation:fade-in .45s var(--ease)}.kin-badge{color:var(--warm);white-space:nowrap;background:#28200ed9;border:1px solid #e8c77a80;border-radius:999px;padding:2px 9px;font-size:.7rem;font-weight:700;position:absolute;top:4px;left:50%;transform:translate(-50%)}.kin-card figcaption{gap:1px;margin-top:2px;line-height:1.3;display:grid}.kin-role{letter-spacing:.12em;text-transform:uppercase;color:var(--moss);font-size:.7rem;font-weight:600}.kin-name{font-family:var(--serif);color:var(--text);font-size:1.25rem;font-weight:500}:lang(zh-Hans) .kin-name{font-size:1.1rem;font-weight:600}.kin-card.is-young .kin-name{font-size:1.05rem}.kin-sex{color:var(--muted);font-family:var(--sans);font-size:.9rem}.kin-look{color:var(--muted);font-size:.76rem}.cross-render-note{text-align:center;margin:18px auto 0;font-size:.82rem}.rules{margin-top:64px}.rules-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rules-list li{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);padding:18px 18px 16px 58px;position:relative}.rule-num{font-family:var(--serif);color:var(--warm);font-size:1.5rem;line-height:1.2;position:absolute;top:14px;left:18px}.rules-list h4{margin:0 0 4px;font-size:1.02rem;font-weight:600}.rules-list p{color:var(--text-soft);margin:0;font-size:.94rem}.growth{margin-top:64px}.growth-lead{max-width:68ch;color:var(--text-soft);margin:0 0 20px}.growth-strip{margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 10px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:thin;gap:12px;list-style:none;display:flex;overflow-x:auto}.growth-step{scroll-snap-align:start;flex:0 0 min(64vw,250px)}.growth-step figure{margin:0}.growth-frame{aspect-ratio:1;background:#0e0f12;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ece7da24,0 18px 30px -18px #000c}.growth-frame img{object-fit:cover;width:100%;height:100%}.growth-step figcaption{grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px;margin-top:10px;display:grid}.growth-num{font-family:var(--serif);color:var(--warm);grid-row:span 2;font-size:1.4rem;line-height:1}.growth-name{font-size:.95rem;font-weight:600;line-height:1.3}.growth-time{color:#d7ead1;font-variant-numeric:tabular-nums;background:#8fb88a24;border-radius:999px;justify-self:start;padding:0 8px;font-size:.74rem;font-weight:600}.growth-time:empty{display:none}.growth-text{color:var(--text-soft);grid-column:1/-1;font-size:.86rem;line-height:1.5}.watch-chapter{border:1px solid var(--line);min-height:44px;color:var(--text);text-align:left;cursor:pointer;background:#8fb88a0f;border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:6px 8px 6px 6px;font-size:.92rem;transition:border-color .2s,background-color .2s;display:inline-flex}.watch-chapter:hover{background:#8fb88a1f;border-color:#8fb88a80}.watch-icon{background:var(--text);color:#10140f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.watch-time{color:#d7ead1;font-variant-numeric:tabular-nums;background:#8fb88a2e;border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:600}.breeding-disclaimer{margin-top:28px}@media (min-width:640px){.cross-panel{padding:26px 26px 22px}.rules-list,.cross-young.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.kin-name{font-size:1.4rem}}@media (min-width:960px){.cross-tabs{flex-wrap:wrap;margin:0 0 18px;padding:0;overflow:visible}.cross-panel{padding:30px 36px 24px}.cross-parents{gap:18px}.cross-x{font-size:2.8rem}.rules-list{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;margin:0;padding:0;display:grid;overflow:visible}}@media (min-width:1180px){.growth-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.growth-name{font-size:.9rem}}.about{border-top:1px solid var(--line);background:var(--bg);background:linear-gradient(180deg, #0b0f0d99, var(--bg) 85%), var(--bg)}.about-body{max-width:62ch;color:var(--text-soft);font-size:1.1rem}.about-body p:first-child{font-family:var(--serif);color:var(--text);font-size:1.55rem;line-height:1.4}:lang(zh-Hans) .about-body p:first-child{font-size:1.3rem;line-height:1.7}@media (min-width:960px){.about-grid,.faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:64px;display:grid}}.faq-list{gap:10px;display:grid}.faq{background:var(--bg)}.faq-item{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel)}.faq-item summary{cursor:pointer;border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:14px 18px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{flex:0 0 14px;height:14px;position:relative}.faq-icon:before,.faq-icon:after{content:"";background:var(--warm);height:1.6px;transition:transform .25s var(--ease);position:absolute;top:6px;left:0;right:0}.faq-icon:after{transform:rotate(90deg)}.faq-item[open] .faq-icon:after{transform:rotate(0)}.faq-item p{color:var(--text-soft);margin:0;padding:0 18px 18px}.site-footer{border-top:1px solid var(--line);background:var(--bg-deep);color:var(--muted);padding:64px 0 48px;font-size:.9rem}.footer-grid{gap:32px;display:grid}.brand-lg{color:var(--text);font-size:2rem}.footer-tagline{font-family:var(--serif);color:var(--text-soft);margin:6px 0 0;font-size:1.2rem;font-style:italic}:lang(zh-Hans) .footer-tagline{font-size:1.05rem;font-style:normal}.footer-meta p{margin:0 0 8px}.footer-label{min-width:5em;color:var(--text-soft);margin-right:8px;display:inline-block}@media (min-width:960px){.footer-grid{grid-template-columns:1fr 1fr}}.noscript{max-width:640px;margin:80px auto;padding:0 20px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-phone,.hero-frog-wrap{transition:none}}@media (prefers-contrast:more){:root{--line:#ece7da59;--line-strong:#ece7da99;--muted:#d0cdc2;--text-soft:#e6e2d6}}