:root{--ink: #2c3a38;--ink-soft: #4a5a57;--paper: #f3efe6;--paper-trans: rgba(243, 239, 230, .72);--jade: #5a7d6f;--jade-deep: #2f4a40;--lotus: #e58aac;--lotus-soft: #f3b9d0;--gold: #d8b56a;--glass: rgba(247, 250, 248, .18);--glass-strong: rgba(247, 250, 248, .32);--stroke: rgba(255, 255, 255, .35);--shadow: 0 8px 32px rgba(20, 40, 36, .18);--serif: "Songti SC", "SimSun", "STSong", "Noto Serif SC", serif;--kai: "Kaiti SC", "STKaiti", "KaiTi", var(--serif);--sans: "PingFang SC", "Microsoft YaHei", -apple-system, "Helvetica Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:#0d1a1c;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none}canvas{display:block}.scene-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0}.glass{background:var(--glass);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border:1px solid var(--stroke);border-radius:18px;box-shadow:var(--shadow)}.glass-dark{background:#1c2c286b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);color:#f3efe6;border-radius:18px}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(90% 70% at 50% 108%,#8fb4ab80,#8fb4ab00 60%),radial-gradient(130% 100% at 50% -10%,#ffffff80,#fff0 55%),radial-gradient(120% 120% at 50% 30%,#e9f1ec,#c8ddd6 48%,#9dbfb5)}.loading.done{animation:loadingOut .55s ease forwards;pointer-events:none}@keyframes loadingOut{to{opacity:0;transform:scale(1.015)}}.loading:before,.loading:after{content:"";position:absolute;width:64vmax;height:64vmax;border-radius:50%;will-change:transform,opacity;pointer-events:none}.loading:before{left:-22vmax;top:-20vmax;background:radial-gradient(closest-side,#6f93854d,#6f938500 70%);animation:inkDrift1 17s ease-in-out infinite}.loading:after{right:-24vmax;bottom:-26vmax;background:radial-gradient(closest-side,#e076a629,#e076a600 70%);animation:inkDrift2 21s ease-in-out infinite}@keyframes inkDrift1{0%,to{transform:translateZ(0) scale(1);opacity:.75}50%{transform:translate3d(6vmax,4vmax,0) scale(1.12);opacity:1}}@keyframes inkDrift2{0%,to{transform:translateZ(0) scale(1.08);opacity:.65}50%{transform:translate3d(-5vmax,-5vmax,0) scale(1);opacity:.95}}.loading .brand{display:flex;align-items:center;gap:14px;margin-bottom:8px;animation:brandIn 1.5s cubic-bezier(.16,1,.3,1) both}.loading .brand-name{font-family:var(--kai);font-size:30px;font-weight:500;letter-spacing:12px;text-indent:12px;color:var(--jade-deep)}.loading .seal{writing-mode:vertical-rl;font-family:var(--kai);font-size:12px;letter-spacing:2px;color:#fdf6ee;background:#bf3f2b;padding:5px 4px;border-radius:3px;transform:rotate(-4deg);box-shadow:0 2px 8px #8c28184d;-webkit-user-select:none;user-select:none}@keyframes brandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.loading .lotus{margin-bottom:22px;filter:drop-shadow(0 14px 26px rgba(47,74,64,.22));animation:lotusFloat 6.5s ease-in-out infinite}.loading .lotus-svg{display:block;width:244px;height:252px;transform-origin:50% 60%;animation:lotusBreathe 4.8s ease-in-out infinite}.loading .petal{stroke:#d278a052;stroke-width:.7}.loading .leaf{fill:url(#leafGrad);opacity:.92}.loading .leaf-notch{fill:#dcebe6;opacity:.9}.loading .leaf-eye{fill:#14282447}.loading .vein{stroke:#ffffff57;stroke-width:.7}.loading .stamen{stroke:#e6c05f;stroke-width:1.1;stroke-linecap:round}.loading .anther{fill:#f4de93}.loading .pod{fill:#cfe0a6}.loading .seed{fill:#8fae68}.loading .halo{animation:haloPulse 5s ease-in-out infinite;transform-origin:100px 116px}@keyframes lotusFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lotusBreathe{0%,to{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.03) rotate(1deg)}}@keyframes haloPulse{0%,to{opacity:.5}50%{opacity:.9}}.loading .petal-fall{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.loading .petal-fall svg{position:absolute;top:-6vh;fill:#e076a657;will-change:transform,opacity;animation:petalFall var(--dur, 13s) linear var(--delay, 0s) infinite}.loading .petal-fall svg:nth-child(1){left:16%;width:15px;--dur: 14s;--delay: 0s}.loading .petal-fall svg:nth-child(2){left:55%;width:11px;--dur: 17s;--delay: 5s;fill:#ffffff80}.loading .petal-fall svg:nth-child(3){left:80%;width:13px;--dur: 15.5s;--delay: 9s}@keyframes petalFall{0%{transform:translateZ(0) rotate(0);opacity:0}8%{opacity:1}50%{transform:translate3d(-5vw,55vh,0) rotate(150deg)}88%{opacity:.85}to{transform:translate3d(3vw,112vh,0) rotate(300deg);opacity:0}}.loading h2{display:flex;align-items:center;gap:16px;font-family:var(--kai);font-size:25px;letter-spacing:8px;text-indent:8px;color:var(--jade-deep);font-weight:500;animation:poemIn .9s cubic-bezier(.16,1,.3,1) both}.loading h2:before,.loading h2:after{content:"";width:34px;height:1px;background:linear-gradient(90deg,#2f4a4000,#2f4a4066)}.loading h2:after{transform:scaleX(-1)}@keyframes poemIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.loading .ink-track{position:relative;width:min(320px,64vw);height:2px;margin-top:26px;background:#2f4a4029;border-radius:1px}.loading .ink-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1px;background:linear-gradient(90deg,var(--jade),var(--lotus));transform-origin:left center;transition:transform .35s cubic-bezier(.25,1,.4,1)}.loading .ink-tip-rail{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .35s cubic-bezier(.25,1,.4,1)}.loading .ink-tip{position:absolute;right:-3px;top:50%;width:7px;height:7px;transform:translateY(-50%);border-radius:50%;background:var(--lotus);box-shadow:0 0 10px #e076a6bf}.loading .pct{margin-top:12px;font-family:var(--serif);color:var(--ink-soft);font-size:13px;letter-spacing:3px}.loading .pct b{font-size:17px;font-weight:500;color:var(--jade-deep)}@media (max-width: 480px){.loading .lotus-svg{width:196px;height:202px}.loading .brand-name{font-size:24px;letter-spacing:8px;text-indent:8px}.loading h2{font-size:20px;letter-spacing:5px;text-indent:5px}}@media (prefers-reduced-motion: reduce){.loading:before,.loading:after,.loading .petal-fall svg,.loading .lotus,.loading .lotus-svg,.loading .halo{animation:none}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#1428240d,#14282452);animation:fadeIn 1.6s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.intro .scroll{padding:48px 60px;border-radius:26px;max-width:92vw;animation:scrollOpen 2s cubic-bezier(.16,1,.3,1)}@keyframes scrollOpen{0%{opacity:0;transform:translateY(24px) scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.intro h1{font-family:var(--kai);font-size:clamp(46px,9vw,96px);font-weight:500;letter-spacing:14px;color:#fbfdf9;text-shadow:0 4px 30px rgba(20,40,36,.5)}.intro .sub{margin-top:18px;font-family:var(--serif);font-size:clamp(15px,2.4vw,21px);letter-spacing:8px;color:#eaf3ee;opacity:.92}.intro .actions{margin-top:44px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.intro .hint{margin-top:36px;font-size:12px;letter-spacing:4px;color:#dceae4;opacity:.78}.btn{font-family:var(--serif);font-size:16px;letter-spacing:4px;padding:13px 30px;border-radius:30px;cursor:pointer;color:#f3efe6;border:1px solid var(--stroke);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.btn:hover{transform:translateY(-2px);background:var(--glass-strong);box-shadow:0 10px 30px #14282447}.btn.primary{background:linear-gradient(135deg,#e58aace6,#5a7d6fd9);border-color:#ffffff73}.btn.primary:hover{box-shadow:0 12px 36px #e58aac66}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.hud>*{pointer-events:auto}.hud-tl{position:fixed;top:20px;left:22px;padding:14px 20px}.hud-tl .name{font-family:var(--kai);font-size:20px;letter-spacing:4px;color:#fbfdf9;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hud-tl .meta{margin-top:6px;font-size:12px;letter-spacing:2px;color:#e7f1ec;opacity:.85}.hud-tl .fps{margin-top:4px;font-size:10px;letter-spacing:1px;color:#cfe0d8;opacity:.6}.frog-stats{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.13);color:#eaf3ee}.frog-stats-head{display:flex;align-items:baseline;gap:5px;font-size:11px;letter-spacing:2px;opacity:.9}.frog-stats-head strong{font-family:var(--serif);font-size:17px;line-height:1;color:#fff3d1;font-variant-numeric:tabular-nums}.frog-stats-head small{font-size:10px;opacity:.72}.frog-stats-times{display:flex;gap:10px;margin-top:6px;font-size:10px;letter-spacing:1px;color:#dcebe4;font-variant-numeric:tabular-nums;white-space:nowrap}.frog-stats-total{display:grid;gap:2px;margin-top:4px;max-width:220px;font-size:9px;letter-spacing:.7px;color:#cfe0d8;opacity:.66;white-space:nowrap}.frog-stats-empty{margin-top:6px;font-size:10px;letter-spacing:1.5px;color:#cfe0d8;opacity:.72}.hud-tr{position:fixed;top:20px;right:22px;display:flex;gap:10px}.icon-btn{width:46px;height:46px;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:19px;background:var(--glass);border:1px solid var(--stroke);color:#f3efe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .25s ease}.icon-btn:hover{background:var(--glass-strong);transform:translateY(-2px)}.icon-btn.active{background:linear-gradient(135deg,#e58aaccc,#5a7d6fb3)}.icon-btn.text{font-size:12px;letter-spacing:1px;font-family:var(--serif)}.hud-bl{position:fixed;bottom:22px;left:22px;padding:14px 18px;max-width:260px}.hud-bl .row{font-size:12px;letter-spacing:2px;color:#eaf3ee;margin:5px 0;display:flex;align-items:center;gap:8px}.hud-bl .k{font-family:var(--serif);background:#ffffff29;padding:1px 8px;border-radius:6px;font-size:11px}.poem-card{position:fixed;bottom:26px;right:24px;padding:16px 22px;width:max-content;max-width:none;cursor:pointer;text-align:right;white-space:nowrap}.poem-card .verse{font-family:var(--kai);font-size:clamp(15px,1.9vw,20px);letter-spacing:3px;line-height:1.5;white-space:nowrap;color:#fbfdf9;text-shadow:0 2px 12px rgba(0,0,0,.3)}.poem-card .seal{margin-top:12px;font-size:10px;letter-spacing:3px;color:var(--lotus-soft);opacity:.8}.whisper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;padding:26px 40px;text-align:center;pointer-events:none;animation:whisperIn .6s ease,whisperOut .6s ease var(--whisper-fade-delay, 3.4s) forwards}.whisper .verse{font-family:var(--kai);font-size:clamp(20px,4vw,32px);letter-spacing:8px;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.5)}.whisper.urgent .verse{color:#fff8df;text-shadow:0 3px 18px rgba(35,20,8,.72),0 0 24px rgba(216,181,106,.26)}@keyframes whisperIn{0%{opacity:0;transform:translate(-50%,-40%);filter:blur(8px)}to{opacity:1;transform:translate(-50%,-50%);filter:none}}@keyframes whisperOut{to{opacity:0;transform:translate(-50%,-58%);filter:blur(6px)}}.panel{position:fixed;top:0;right:0;height:100%;width:320px;max-width:86vw;z-index:30;padding:26px 24px;overflow-y:auto;background:#1c2c2880;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.18);color:#f3efe6;transform:translate(100%);transition:transform .5s cubic-bezier(.16,1,.3,1)}.panel.open{transform:none}.panel h3{font-family:var(--kai);font-size:22px;letter-spacing:5px;margin-bottom:4px}.panel .desc{font-size:11px;letter-spacing:2px;opacity:.65;margin-bottom:22px}.panel .group{margin-bottom:24px}.panel .group>label{display:block;font-family:var(--serif);font-size:14px;letter-spacing:3px;margin-bottom:10px;color:var(--lotus-soft)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;border-radius:20px;cursor:pointer;font-size:13px;letter-spacing:2px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#eaf3ee;transition:all .25s ease}.chip:hover{background:#ffffff24}.chip.active{background:linear-gradient(135deg,#e58aacd9,#5a7d6fb3);border-color:#ffffff80;color:#fff}.panel .close{position:absolute;top:18px;right:18px;cursor:pointer;font-size:20px;opacity:.7}.panel .close:hover{opacity:1}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#0c181673;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal{width:440px;max-width:90vw;padding:32px 34px;color:#f3efe6}.modal h3{font-family:var(--kai);font-size:24px;letter-spacing:6px;margin-bottom:20px;text-align:center}.modal .kv{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.14);font-size:14px;letter-spacing:2px}.modal .kv .k{font-family:var(--serif);background:#ffffff24;padding:2px 10px;border-radius:6px;font-size:12px}.modal .ok{margin-top:26px;text-align:center}.photo-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;pointer-events:none}.photo-frame{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;pointer-events:none;border:2px solid rgba(255,255,255,.5);box-shadow:0 0 0 100vmax #08100f8c}.photo-frame.landscape{width:80vw;height:56.25vw;max-height:80vh;max-width:142vh}.photo-frame.portrait{width:50vh;height:88.8vh;max-width:80vw}.photo-frame .verse{position:absolute;bottom:18px;right:22px;font-family:var(--kai);font-size:22px;letter-spacing:5px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.6);writing-mode:vertical-rl}.photo-frame.landscape .verse{writing-mode:horizontal-tb}.photo-bar{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:29;display:flex;gap:12px;align-items:center;padding:14px 22px;pointer-events:auto}.photo-bar .sld{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;letter-spacing:2px;color:#eaf3ee}.photo-bar input[type=range]{width:110px;accent-color:var(--lotus)}.shutter{width:56px;height:56px;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,var(--lotus),var(--jade));border:3px solid #fff;transition:transform .2s ease}.shutter:active{transform:scale(.9)}.joystick{position:fixed;bottom:28px;left:28px;width:120px;height:120px;z-index:22;touch-action:none;display:none}.joystick .base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.3)}.joystick .knob{position:absolute;width:52px;height:52px;border-radius:50%;left:34px;top:34px;background:#fff6;border:1px solid #fff}.is-touch .joystick{display:block}.is-touch .hud-bl{display:none}.toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);z-index:36;padding:12px 22px;font-size:13px;letter-spacing:3px;color:#fff;animation:fadeIn .3s ease}@media (max-width: 720px){.poem-card{bottom:18px;right:16px;padding:12px 16px}.poem-card .verse{font-size:clamp(12px,3.2vw,17px);letter-spacing:2px}.hud-tl{padding:10px 14px;top:64px;left:14px}.frog-stats-times{gap:8px}.frog-stats-total{max-width:200px;overflow:hidden;text-overflow:ellipsis}.hud-tr{top:14px;right:14px}.icon-btn{width:40px;height:40px;font-size:17px}}@media (max-height: 430px) and (orientation: landscape){.hud-tl{top:58px;padding:8px 12px}.hud-tl .name{font-size:17px}.frog-stats{margin-top:6px;padding-top:6px}.frog-stats-times{margin-top:4px}.frog-stats-total{display:none}}