:root{--cream: #fff8ec;--cream-2: #fdf1da;--paper: #fffdf6;--ink: #3d2b1f;--ink-soft: #6b5232;--ink-faint: #9c7f56;--grass: #58a86b;--grass-deep: #3e8a52;--barn: #e8703a;--barn-deep: #c85628;--sun: #ffc93c;--sky: #7fb3f0;--pink: #f4a9b8;--danger: #b3362b;--line: #ecd9b0;--radius: 22px;--font-round: "Baloo 2", "Nunito", ui-rounded, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-body: "Nunito", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--page-bg: radial-gradient(1200px 500px at 85% -100px, #ffe9a8 0%, transparent 60%), radial-gradient(900px 420px at -80px 30%, #dcedc8 0%, transparent 55%), var(--cream);--header-bg: rgba(255, 248, 236, .88);--panel-border: 2px solid var(--line);--panel-shadow: var(--shadow-sm);--btn-1-shadow: 0 6px 0 var(--barn-deep);--btn-2-shadow: 0 6px 0 var(--grass-deep);--btn-3-shadow: 0 6px 0 #241811;--btn-border: none;--nav-active-bg: var(--ink);--nav-active-ink: var(--cream);--mark-bg: var(--sun);--warn-bg: #fff3cd;--warn-ink: #7a5c00;--warn-line: #e0b94c;--ok-bg: #e8f6ec;--ok-ink: #2f7d44;--ok-line: #bfe3c9;--err-bg: #fdecec;--err-ink: #b3362b;--err-line: #f5c2bd;--progress-fill: linear-gradient(90deg, var(--grass), var(--sun));--gift-bg: linear-gradient(135deg, #ffe1ec 0%, #ffe9a8 100%);--gift-border: 2px solid #f6c9d4;--owner-bg: #fffbe8;--toast-bg: var(--ink);--toast-ink: var(--cream);--cell-happy-border: #f2c14e;--hero-sky: linear-gradient(180deg, #e8f4fd 0%, #fff8ec 100%);--hero-grass: linear-gradient(180deg, #7cc06a, #58a86b);--shadow: 0 10px 30px rgba(93, 64, 28, .12);--shadow-sm: 0 4px 14px rgba(93, 64, 28, .1);--cow-sad-bg: #dfe9f3;--cow-happy-bg: #ffe9a8;--cow-body: #fffdf6;--cow-line: #3d2b1f}html[data-theme=night]{--cream: #0b1026;--cream-2: rgba(255, 255, 255, .07);--paper: rgba(255, 255, 255, .055);--ink: #eef1ff;--ink-soft: #a9b6e2;--ink-faint: #6673a8;--grass: #34d399;--grass-deep: #0f9d76;--barn: #a78bfa;--barn-deep: #7c3aed;--sun: #fbbf24;--sky: #7dd3fc;--pink: #f9a8d4;--danger: #fb7185;--line: rgba(255, 255, 255, .14);--radius: 20px;--font-round: "Space Grotesk", "Baloo 2", "PingFang SC", "Microsoft YaHei", sans-serif;--page-bg: radial-gradient(1.6px 1.6px at 12% 18%, rgba(255,255,255,.85) 50%, transparent 51%), radial-gradient(1.2px 1.2px at 32% 8%, rgba(255,255,255,.6) 50%, transparent 51%), radial-gradient(1.8px 1.8px at 58% 22%, rgba(255,255,255,.75) 50%, transparent 51%), radial-gradient(1.2px 1.2px at 76% 12%, rgba(255,255,255,.6) 50%, transparent 51%), radial-gradient(1.6px 1.6px at 88% 30%, rgba(255,255,255,.8) 50%, transparent 51%), radial-gradient(1.2px 1.2px at 8% 42%, rgba(255,255,255,.5) 50%, transparent 51%), radial-gradient(1.4px 1.4px at 66% 38%, rgba(255,255,255,.55) 50%, transparent 51%), linear-gradient(180deg, #0c1128 0%, #141c42 58%, #0e1430 100%);--header-bg: rgba(11, 16, 38, .72);--shadow-sm: 0 8px 26px rgba(0, 0, 0, .42);--shadow: 0 18px 48px rgba(0, 0, 0, .55);--panel-border: 1px solid rgba(255, 255, 255, .14);--btn-1-shadow: 0 8px 26px rgba(167, 139, 250, .38);--btn-2-shadow: 0 8px 26px rgba(52, 211, 153, .3);--btn-3-shadow: 0 8px 26px rgba(0, 0, 0, .5);--warn-bg: rgba(250, 204, 21, .12);--warn-ink: #fde047;--warn-line: rgba(250, 204, 21, .4);--ok-bg: rgba(52, 211, 153, .12);--ok-ink: #6ee7b7;--ok-line: rgba(52, 211, 153, .35);--err-bg: rgba(251, 113, 133, .12);--err-ink: #fda4af;--err-line: rgba(251, 113, 133, .35);--progress-fill: linear-gradient(90deg, #34d399, #a78bfa);--gift-bg: linear-gradient(135deg, rgba(167, 139, 250, .16) 0%, rgba(52, 211, 153, .1) 100%);--gift-border: 1px solid rgba(255, 255, 255, .16);--owner-bg: rgba(167, 139, 250, .1);--cell-happy-border: rgba(167, 139, 250, .65);--hero-sky: linear-gradient(180deg, rgba(88, 110, 200, .3) 0%, rgba(20, 28, 66, .55) 100%);--hero-grass: linear-gradient(180deg, #1fa87e, #0f9d76);--toast-bg: #eef1ff;--toast-ink: #141c42;--cow-sad-bg: rgba(255, 255, 255, .08);--cow-happy-bg: rgba(255, 255, 255, .11);--cow-body: #f4f6ff;--cow-line: #dfe6ff}html[data-theme=night] .site-header{border-bottom-color:#ffffff1a}html[data-theme=night] .panel,html[data-theme=night] .step-card,html[data-theme=night] .meadow-panel,html[data-theme=night] .counter-card,html[data-theme=night] .barn-card,html[data-theme=night] .faq details,html[data-theme=night] .feed .update,html[data-theme=night] .cow-stage,html[data-theme=night] .crypto-box{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}html[data-theme=night] .input{background:#ffffff0f}html[data-theme=night] .logo .mark svg{filter:drop-shadow(0 0 6px rgba(251,191,36,.5))}html[data-theme=night] .theme-menu button.trow:hover,html[data-theme=night] .theme-menu button.trow.on{background:#ffffff14}html[data-theme=storybook]{--cream: #fdf6e9;--cream-2: #f7edd8;--paper: #fffdf4;--ink: #4a3728;--ink-soft: #7a624c;--ink-faint: #a8927a;--grass: #7aa95c;--grass-deep: #5c8a41;--barn: #e2574c;--barn-deep: #c04036;--sun: #f2c14e;--sky: #8ecae6;--pink: #f4a9b8;--danger: #c04036;--line: #e8d9bc;--radius: 20px;--font-round: "ZCOOL KuaiLe", "Baloo 2", "PingFang SC", "Microsoft YaHei", sans-serif;--page-bg: radial-gradient(rgba(91, 70, 50, .05) 1.5px, transparent 1.6px), #fdf6e9;--header-bg: rgba(253, 246, 233, .9);--shadow-sm: 0 4px 0 rgba(91, 70, 50, .08);--shadow: 0 10px 26px rgba(91, 70, 50, .14);--panel-border: 2px solid #eadfc4;--panel-shadow: 0 5px 0 rgba(91, 70, 50, .1);--btn-1-shadow: 0 4px 0 #c04036;--btn-2-shadow: 0 4px 0 #5c8a41;--btn-3-shadow: 0 4px 0 #3d2e21;--warn-bg: #fdf3d0;--warn-ink: #7a5c00;--warn-line: #d9c8a8;--ok-bg: #edf5e4;--ok-ink: #4c7233;--ok-line: #cfe0b8;--err-bg: #fbe9e7;--err-ink: #a83b32;--err-line: #eed0cc;--progress-fill: linear-gradient(90deg, #7aa95c, #f2c14e);--gift-bg: #fff7e0;--gift-border: 2px solid #eadfc4;--owner-bg: #fdf6de;--cell-happy-border: #e0c98a;--hero-sky: linear-gradient(180deg, #e4f2fd 0%, #fdf6e9 100%);--hero-grass: linear-gradient(180deg, #8fbb6d, #6d9c4e);--cow-sad-bg: #e3efff;--cow-happy-bg: #ffe9b8;--cow-body: #fffef8;--cow-line: #4a3728}html[data-theme=storybook] .step-card:nth-child(odd){transform:rotate(-.5deg)}html[data-theme=storybook] .step-card:nth-child(2n){transform:rotate(.45deg)}html[data-theme=storybook] .hero .kicker,html[data-theme=storybook] .recent-chip,html[data-theme=storybook] .occasion-chip,html[data-theme=storybook] .meta-pill,html[data-theme=storybook] .demo-badge{border-radius:14px 10px 16px 8px}html[data-theme=storybook] .btn{border-radius:16px 12px}html[data-theme=sky]{--cream: #f4faff;--cream-2: #e9f3fd;--paper: #ffffff;--ink: #17324d;--ink-soft: #48657f;--ink-faint: #8aa2b8;--grass: #31b57d;--grass-deep: #1f8f5f;--barn: #2f7fe8;--barn-deep: #1f63c0;--sun: #ffb703;--sky: #74c0fc;--pink: #f7a8c4;--danger: #e03131;--line: #dcebf7;--radius: 24px;--page-bg: linear-gradient(180deg, #dceeff 0%, #ffffff 460px, #ffffff 100%);--header-bg: rgba(244, 250, 255, .9);--shadow-sm: 0 4px 16px rgba(47, 127, 232, .1);--shadow: 0 16px 40px rgba(47, 127, 232, .14);--panel-border: 1.5px solid #e2eefb;--btn-1-shadow: 0 8px 20px rgba(47, 127, 232, .32);--btn-2-shadow: 0 8px 20px rgba(49, 181, 125, .28);--btn-3-shadow: 0 8px 20px rgba(23, 50, 77, .25);--warn-bg: #fff6dc;--warn-ink: #8a6d00;--warn-line: #f0e0ac;--ok-bg: #e2f7ee;--ok-ink: #1f8f5f;--ok-line: #c2ecd9;--err-bg: #fdecec;--err-ink: #c04036;--err-line: #f5cfcf;--progress-fill: linear-gradient(90deg, #2f7fe8, #31b57d);--gift-bg: linear-gradient(135deg, #e3f2ff 0%, #fff8e1 100%);--gift-border: 1.5px solid #dcebf7;--owner-bg: #eaf4ff;--cell-happy-border: #ffd166;--hero-sky: linear-gradient(180deg, #bfe3ff 0%, #eaf6ff 100%);--hero-grass: linear-gradient(180deg, #43c48c, #1f8f5f);--cow-sad-bg: #cfe7ff;--cow-happy-bg: #ffe9a8;--cow-body: #ffffff;--cow-line: #17324d}html[data-theme=morandi]{--cream: #ece7df;--cream-2: #e2dcd1;--paper: #f7f4ef;--ink: #4b443d;--ink-soft: #6e645b;--ink-faint: #9b9085;--grass: #9aae8a;--grass-deep: #7c9069;--barn: #c08c7e;--barn-deep: #a06f63;--sun: #e4c79c;--sky: #a7bcc2;--pink: #d3b0a9;--danger: #b56a5f;--line: #d6cdbf;--radius: 18px;--font-round: "Baloo 2", "Nunito", ui-rounded, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--page-bg: radial-gradient(1100px 460px at 88% -120px, #f0e8da 0%, transparent 60%), radial-gradient(820px 380px at -90px 28%, #e6e9df 0%, transparent 55%), #ece7df;--header-bg: rgba(247, 244, 239, .86);--panel-border: 1.5px solid var(--line);--panel-shadow: 0 6px 20px rgba(75, 68, 61, .1);--btn-1-shadow: 0 6px 0 var(--barn-deep);--btn-2-shadow: 0 6px 0 var(--grass-deep);--btn-3-shadow: 0 6px 0 #2f2a25;--shadow-sm: 0 4px 14px rgba(75, 68, 61, .1);--shadow: 0 12px 32px rgba(75, 68, 61, .14);--warn-bg: #efe7d2;--warn-ink: #8a6f43;--warn-line: #d9c7a6;--ok-bg: #e3ecdd;--ok-ink: #5c7a4a;--ok-line: #c5d6ba;--err-bg: #f1e0dc;--err-ink: #a85c50;--err-line: #e2c6c0;--progress-fill: linear-gradient(90deg, var(--grass), var(--sun));--gift-bg: linear-gradient(135deg, #f3e7e2 0%, #f0e9d8 100%);--gift-border: 1.5px solid var(--line);--owner-bg: #f5efe6;--toast-bg: var(--ink);--toast-ink: #f7f4ef;--cell-happy-border: #cdb38f;--hero-sky: linear-gradient(180deg, #eef2ea 0%, #ece7df 100%);--hero-grass: linear-gradient(180deg, #a9bb98, #8fae7d);--cow-sad-bg: #dfe4e6;--cow-happy-bg: #f0e3cf;--cow-body: #f7f4ef;--cow-line: #4b443d}html[data-theme=retro]{--cream: #f3e7cf;--cream-2: #ecdcc0;--paper: #fbf3e2;--ink: #3a2c1e;--ink-soft: #6a5339;--ink-faint: #9c8463;--grass: #7c8a4e;--grass-deep: #5f6e39;--barn: #bf5b34;--barn-deep: #9c4427;--sun: #e0a93f;--sky: #8aa6b0;--pink: #d49a86;--danger: #a8432c;--line: #d8c39c;--radius: 14px;--font-round: "Playfair Display", "Cinzel", "Baloo 2", serif;--page-bg: radial-gradient(120px 120px at 50% 0%, rgba(191, 91, 52, .06), transparent 60%), linear-gradient(180deg, #f6ecd6 0%, #f1e3c6 100%);--header-bg: rgba(251, 243, 226, .9);--panel-border: 2px solid var(--line);--panel-shadow: 0 4px 0 rgba(58, 44, 30, .12);--btn-1-shadow: 0 5px 0 var(--barn-deep);--btn-2-shadow: 0 5px 0 var(--grass-deep);--btn-3-shadow: 0 5px 0 #241a10;--shadow-sm: 0 4px 14px rgba(58, 44, 30, .12);--shadow: 0 12px 30px rgba(58, 44, 30, .16);--mark-bg: var(--sun);--warn-bg: #f3e6c4;--warn-ink: #8a6a1f;--warn-line: #d9c089;--ok-bg: #e6ecd6;--ok-ink: #5c6b39;--ok-line: #c8d3b0;--err-bg: #f1ddd2;--err-ink: #9c4327;--err-line: #e0c0ad;--progress-fill: linear-gradient(90deg, var(--barn), var(--sun));--gift-bg: #f3e3c4;--gift-border: 2px solid var(--line);--owner-bg: #f6ebd3;--toast-bg: var(--ink);--toast-ink: #fbf3e2;--cell-happy-border: #d9a45a;--hero-sky: linear-gradient(180deg, #f7ecd4 0%, #f3e7cf 100%);--hero-grass: linear-gradient(180deg, #8a9a5a, #6f7e44);--cow-sad-bg: #e7dcc4;--cow-happy-bg: #f1dca6;--cow-body: #fbf3e2;--cow-line: #3a2c1e}html[data-theme=retro] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 120% at 50% 38%,transparent 52%,rgba(58,44,30,.2) 100%),radial-gradient(rgba(58,44,30,.05) 1px,transparent 1.4px);background-size:auto,4px 4px}html[data-theme=retro] .logo .mark svg{filter:drop-shadow(0 1px 0 rgba(58,44,30,.25))}html[data-theme=sakura]{--cream: #fff5f8;--cream-2: #ffe9f1;--paper: #ffffff;--ink: #5a3647;--ink-soft: #8a5a6c;--ink-faint: #b58a9a;--grass: #8fcdb6;--grass-deep: #5fae8e;--barn: #f48fb1;--barn-deep: #e06a96;--sun: #ffd166;--sky: #b8a6e0;--pink: #f7a8c4;--danger: #e0567f;--line: #f6d6e3;--radius: 24px;--font-round: "Baloo 2", "Nunito", ui-rounded, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--page-bg: radial-gradient(900px 460px at 85% -120px, #ffe3ef 0%, transparent 60%), radial-gradient(800px 400px at -80px 30%, #fff0d6 0%, transparent 55%), linear-gradient(180deg, #fff5f8 0%, #ffffff 100%);--header-bg: rgba(255, 245, 248, .9);--panel-border: 1.5px solid var(--line);--panel-shadow: 0 8px 26px rgba(224, 106, 150, .14);--btn-1-shadow: 0 6px 18px rgba(244, 143, 177, .36);--btn-2-shadow: 0 6px 18px rgba(143, 205, 182, .3);--btn-3-shadow: 0 6px 18px rgba(90, 54, 71, .22);--shadow-sm: 0 4px 16px rgba(224, 106, 150, .12);--shadow: 0 14px 40px rgba(224, 106, 150, .16);--mark-bg: var(--barn);--warn-bg: #fff3d6;--warn-ink: #9a6b00;--warn-line: #f0d9a8;--ok-bg: #e6f6ee;--ok-ink: #3f9070;--ok-line: #c7ead9;--err-bg: #fdeadf;--err-ink: #c0466e;--err-line: #f3cdd9;--progress-fill: linear-gradient(90deg, var(--barn), var(--sky));--gift-bg: linear-gradient(135deg, #ffe3ef 0%, #fff3d6 100%);--gift-border: 1.5px solid var(--line);--owner-bg: #fff0f6;--toast-bg: var(--ink);--toast-ink: #fff5f8;--cell-happy-border: #f4a9c4;--hero-sky: linear-gradient(180deg, #ffe9f3 0%, #fff5f8 100%);--hero-grass: linear-gradient(180deg, #a6dcc4, #7cc3a6);--cow-sad-bg: #f6dce8;--cow-happy-bg: #ffe3ef;--cow-body: #ffffff;--cow-line: #5a3647}html[data-theme=candy]{--cream: #fff4e6;--cream-2: #ffe3c2;--paper: #ffffff;--ink: #2b2147;--ink-soft: #5a4a7a;--ink-faint: #9a8ab5;--grass: #2bd4b4;--grass-deep: #15b496;--barn: #ff5d8f;--barn-deep: #e23e74;--sun: #ffd23f;--sky: #6a4cff;--pink: #ff8fb1;--danger: #ff3b6b;--line: #ffd9b0;--radius: 26px;--font-round: "Baloo 2", "Nunito", ui-rounded, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--page-bg: radial-gradient(circle at 12% 18%, rgba(255, 93, 143, .1) 0 16px, transparent 17px), radial-gradient(circle at 82% 26%, rgba(106, 76, 255, .09) 0 12px, transparent 13px), radial-gradient(circle at 46% 82%, rgba(43, 212, 180, .1) 0 14px, transparent 15px), linear-gradient(180deg, #fff4e6 0%, #ffffff 100%);--header-bg: rgba(255, 244, 230, .9);--panel-border: 2.5px solid var(--line);--panel-shadow: 0 8px 0 rgba(43, 33, 71, .12);--btn-1-shadow: 0 6px 0 var(--barn-deep);--btn-2-shadow: 0 6px 0 var(--grass-deep);--btn-3-shadow: 0 6px 0 #16102b;--shadow-sm: 0 6px 18px rgba(43, 33, 71, .14);--shadow: 0 16px 40px rgba(43, 33, 71, .18);--mark-bg: var(--sky);--warn-bg: #fff3c4;--warn-ink: #8a6a00;--warn-line: #ffe08a;--ok-bg: #d6f7ee;--ok-ink: #0f8f76;--ok-line: #a8ecdd;--err-bg: #ffe0ea;--err-ink: #d11d54;--err-line: #ffb3c9;--progress-fill: linear-gradient(90deg, var(--barn), var(--sky));--gift-bg: linear-gradient(135deg, #ffe1ec 0%, #fff0c2 100%);--gift-border: 2.5px solid var(--line);--owner-bg: #fff1e0;--toast-bg: var(--ink);--toast-ink: #fff4e6;--cell-happy-border: #ffb03f;--hero-sky: linear-gradient(180deg, #ffe6f0 0%, #fff4e6 100%);--hero-grass: linear-gradient(180deg, #46e0c0, #1cc0a0);--cow-sad-bg: #ffd9e6;--cow-happy-bg: #fff0b8;--cow-body: #ffffff;--cow-line: #2b2147}html[data-theme=candy] .step-card .num{box-shadow:0 3px 0 var(--barn-deep)}html[data-theme=candy] .logo .mark svg{filter:drop-shadow(0 0 5px rgba(255,93,143,.5))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--page-bg);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.55}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}h1,h2,h3,h4{font-family:var(--font-round);line-height:1.2;margin:0 0 .5rem}p{margin:.4rem 0}a{color:var(--grass-deep);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}::selection{background:var(--sun);color:var(--ink)}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--line)}.site-header .inner{display:flex;align-items:center;gap:18px;padding:12px 0}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-round);font-weight:800;font-size:1.25rem;color:var(--ink)}.logo:hover{text-decoration:none}.logo .mark{width:46px;height:46px;display:grid;place-items:center;background:none;border-radius:0;box-shadow:none;font-size:0}.logo .mark svg{width:100%;height:100%;display:block}.logo .zh{color:var(--ink-faint);font-size:.95rem;font-weight:700}.nav{margin-left:auto;display:flex;align-items:center;gap:6px}.nav a{padding:8px 14px;border-radius:999px;color:var(--ink-soft);font-weight:700}.nav a:hover{background:var(--cream-2);text-decoration:none;color:var(--ink)}.nav a.active{background:var(--nav-active-bg);color:var(--nav-active-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:var(--btn-border);cursor:pointer;font-weight:800;font-family:var(--font-round);border-radius:999px;padding:13px 26px;font-size:1.02rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;text-decoration:none!important}.btn:active{transform:translateY(2px) scale(.99)}.btn-primary{background:var(--barn);color:#fff;box-shadow:var(--btn-1-shadow)}.btn-primary:hover{filter:brightness(1.06)}.btn-green{background:var(--grass);color:#fff;box-shadow:var(--btn-2-shadow)}.btn-green:hover{filter:brightness(1.06)}.btn-ghost{background:var(--paper);color:var(--ink);border:var(--btn-border, 2px solid var(--line))}.btn-ghost:hover{border-color:var(--ink-faint)}.btn-dark{background:var(--ink);color:var(--cream);box-shadow:var(--btn-3-shadow)}.btn-lg{padding:16px 34px;font-size:1.15rem}.btn-sm{padding:8px 16px;font-size:.9rem}.btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}.hero{padding:54px 0 30px;text-align:center;position:relative}.hero .kicker{display:inline-block;background:var(--paper);border:2px solid var(--line);padding:6px 16px;border-radius:999px;font-weight:800;color:var(--ink-soft);font-size:.92rem}.hero h1{font-size:clamp(2.1rem,5.2vw,3.6rem);margin:18px 0 10px}.hero .sub{max-width:640px;margin:0 auto;color:var(--ink-soft);font-size:1.08rem}.hero .cta-row{display:flex;gap:14px;justify-content:center;margin-top:26px;flex-wrap:wrap}.hero-scene{max-width:560px;margin:30px auto 0;border-radius:26px;overflow:hidden;position:relative;background:var(--hero-sky);border:var(--panel-border);box-shadow:var(--panel-shadow);padding:34px 16px 0}.hero-scene .hs-cloud{position:absolute;background:#ffffffbf;border-radius:999px}.hero-scene .hs-cloud.c1{width:74px;height:22px;left:9%;top:18%}.hero-scene .hs-cloud.c1:after{content:"";position:absolute;width:30px;height:30px;background:inherit;border-radius:999px;left:14px;top:-14px}.hero-scene .hs-cloud.c2{width:52px;height:16px;right:10%;top:30%;opacity:.8}.hero-scene .hs-cows{display:flex;justify-content:center;align-items:flex-end;gap:30px;position:relative;z-index:1}.hero-scene .hs-cow{display:block;width:132px}.hero-scene .hs-cow.big{width:164px}.hero-scene .hs-cow svg{width:100%;height:auto;display:block}.hero-scene .hs-grass{height:18px;background:var(--hero-grass);position:relative;margin-top:-6px}.hero-scene .hs-grass:before{content:"";position:absolute;inset:-7px 0 auto 0;height:8px;background:radial-gradient(circle at 5px 8px,var(--hero-grass) 4px,transparent 4.5px) repeat-x;background-size:22px 8px;opacity:.9}.demo-badge{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:var(--warn-bg);color:var(--warn-ink);border:2px dashed var(--warn-line);padding:6px 14px;border-radius:999px;font-weight:800;font-size:.88rem}.counter-card{margin:30px auto 0;max-width:560px;background:var(--paper);border:var(--panel-border);border-radius:var(--radius);padding:20px 26px;box-shadow:var(--panel-shadow)}.counter-card .nums{display:flex;align-items:baseline;justify-content:center;gap:10px;font-family:var(--font-round)}.counter-card .big{font-size:2.3rem;font-weight:800;color:var(--grass-deep)}.counter-card .of{color:var(--ink-faint);font-weight:700}.progress{height:14px;background:var(--cream-2);border-radius:999px;margin-top:12px;overflow:hidden;border:1px solid var(--line)}.progress>i{display:block;height:100%;background:var(--progress-fill);border-radius:999px;transition:width .8s ease}.progress .mock{font-size:.75rem;color:var(--ink-faint);text-align:center;margin-top:6px}section.block{padding:46px 0}section.block h2{font-size:2rem;text-align:center}section.block .sub{text-align:center;color:var(--ink-soft);max-width:620px;margin:6px auto 0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:30px}.step-card{background:var(--paper);border:var(--panel-border);border-radius:var(--radius);padding:22px;box-shadow:var(--panel-shadow);position:relative}.step-card .num{position:absolute;top:-14px;left:18px;background:var(--barn);color:#fff;font-family:var(--font-round);font-weight:800;border-radius:999px;padding:2px 12px;box-shadow:0 3px 0 var(--barn-deep)}.step-card h3{margin-top:8px;font-size:1.18rem}.step-card p{color:var(--ink-soft);font-size:.95rem}.meadow-panel{background:var(--paper);border:var(--panel-border);border-radius:var(--radius);padding:22px;box-shadow:var(--panel-shadow);margin-top:28px}.meadow-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.meadow-bar .pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meadow-bar input[type=text],.meadow-bar input[type=number]{width:110px;padding:9px 12px;border-radius:12px;border:2px solid var(--line);font:inherit;background:var(--cream);color:var(--ink)}.cow-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}@media (max-width: 900px){.cow-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 560px){.cow-grid{grid-template-columns:repeat(4,1fr)}}.cow-cell{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:var(--cream-2);transition:transform .12s ease,border-color .12s ease;display:block}.cow-cell:hover{transform:translateY(-3px);border-color:var(--sun)}.cow-cell svg{width:100%;height:auto;display:block}.cow-cell.happy{border-color:var(--cell-happy-border)}.cow-cell .name-tag{position:absolute;left:4px;right:4px;bottom:4px;background:#140e08c7;color:#fff;font-size:.66rem;font-weight:800;padding:2px 5px;border-radius:8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cow-cell .skeleton{aspect-ratio:222/250;background:linear-gradient(100deg,var(--cream-2) 40%,var(--paper) 50%,var(--cream-2) 60%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.recent-strip{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.recent-chip{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:var(--panel-border);padding:6px 14px 6px 6px;border-radius:999px;font-weight:700;font-size:.92rem;color:var(--ink)}.recent-chip:hover{text-decoration:none;border-color:var(--sun)}.recent-chip .mini{width:30px;height:30px;border-radius:999px;overflow:hidden;background:var(--cream-2);display:grid;place-items:center}.recent-chip .mini svg{width:26px;height:auto}.gift-panel{background:var(--gift-bg);border:var(--gift-border);border-radius:var(--radius);padding:34px;text-align:center;box-shadow:var(--panel-shadow)}.occasions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}.occasion-chip{background:#ffffffd9;border:2px solid var(--line);border-radius:999px;padding:7px 16px;font-weight:800;color:var(--ink-soft)}.faq{max-width:720px;margin:26px auto 0}.faq details{background:var(--paper);border:var(--panel-border);border-radius:16px;padding:16px 20px;margin-bottom:12px}.faq details[open]{border-color:var(--sun)}.faq summary{font-family:var(--font-round);font-weight:800;cursor:pointer;font-size:1.05rem}.faq details p{color:var(--ink-soft);margin-top:8px}.site-footer{border-top:2px solid var(--line);background:var(--cream-2);margin-top:40px;padding:26px 0 34px}.site-footer .cols{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.site-footer .note{color:var(--ink-faint);font-size:.9rem;max-width:560px}.site-footer .badge{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:2px solid var(--line);padding:6px 14px;border-radius:999px;font-weight:800;font-size:.88rem;color:var(--ink-soft)}.cow-page{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:34px;padding:44px 0;align-items:start}@media (max-width: 860px){.cow-page{grid-template-columns:1fr}}.cow-stage{background:var(--paper);border:var(--panel-border);border-radius:var(--radius);padding:18px;box-shadow:var(--panel-shadow)}.cow-stage svg{width:100%;height:auto;display:block}.cow-info h1{font-size:2.2rem}.cow-info .cow-no{font-family:var(--font-round);color:var(--ink-faint);font-weight:800;letter-spacing:1px}.cow-meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.meta-pill{background:var(--cream-2);border:2px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:700;font-size:.92rem;color:var(--ink-soft)}.meta-pill b{color:var(--ink)}.quote{background:var(--cream-2);border-left:5px solid var(--sun);border-radius:12px;padding:12px 18px;font-style:italic;color:var(--ink-soft);margin:14px 0}.owner-box{border:2px dashed var(--sun);background:var(--owner-bg);border-radius:16px;padding:16px 18px;margin-top:18px}.owner-box h3{font-size:1.05rem}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.feed{margin-top:26px}.feed .update{background:var(--paper);border:var(--panel-border);border-radius:16px;padding:14px 18px;margin-bottom:10px}.feed .update .when{color:var(--ink-faint);font-size:.82rem;font-weight:700}.feed .update .by{color:var(--grass-deep);font-weight:800;margin-right:6px}.feed textarea{width:100%;min-height:84px;border:2px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:var(--paper);resize:vertical;margin-top:10px;color:var(--ink)}.feed textarea:focus{outline:none;border-color:var(--sun)}.panel{background:var(--paper);border:var(--panel-border);border-radius:var(--radius);padding:26px 28px;box-shadow:var(--panel-shadow)}.form-grid{display:grid;gap:16px}.form-grid .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 620px){.form-grid .row2{grid-template-columns:1fr}}label.fl{display:block;font-weight:800;font-family:var(--font-round);margin-bottom:6px;font-size:.98rem}.input,textarea.input{width:100%;border:2px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:var(--cream);color:var(--ink)}html[data-theme=night] .input,html[data-theme=night] textarea.input{background:#ffffff0f}.input:focus{outline:none;border-color:var(--sun);background:var(--paper)}.input-wrap{position:relative}.input-wrap .dice{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--sun);border:none;border-radius:10px;padding:6px 10px;cursor:pointer;font-weight:800;font-size:.82rem}.checkline{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink-soft)}.checkline input{width:20px;height:20px;accent-color:var(--barn)}.adopt-grid{display:grid;grid-template-columns:340px 1fr;gap:30px;padding:40px 0;align-items:start}@media (max-width: 880px){.adopt-grid{grid-template-columns:1fr}.adopt-side{position:static;max-width:340px;margin:0 auto}}.adopt-side{position:sticky;top:90px}.adopt-side svg{width:100%;height:auto;display:block;border-radius:20px}.price-tag{display:inline-block;background:var(--ink);color:var(--cream);font-family:var(--font-round);font-weight:800;border-radius:999px;padding:6px 16px;font-size:1.05rem;margin-bottom:10px}.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}@media (max-width: 560px){.pay-methods{grid-template-columns:1fr}}.pay-method{text-align:left;background:var(--cream);border:2px solid var(--line);border-radius:18px;padding:16px 18px;cursor:pointer;transition:border-color .12s;color:var(--ink)}.pay-method:hover{border-color:var(--sun)}.pay-method.sel{border-color:var(--grass-deep);background:var(--cream-2)}.pay-method[disabled]{opacity:.5;cursor:not-allowed}.pay-method .em{font-size:1.6rem}.pay-method .t{font-family:var(--font-round);font-weight:800;font-size:1.1rem;margin:4px 0 2px}.pay-method .d{color:var(--ink-faint);font-size:.85rem;font-weight:600}.pay-method .tag{float:right;font-size:.72rem;background:var(--warn-bg);color:var(--warn-ink);border-radius:999px;padding:2px 10px;font-weight:800}.crypto-box{margin-top:16px;background:var(--cream);border:var(--panel-border);border-radius:18px;padding:20px}.crypto-box .amount{font-family:var(--font-round);font-size:1.7rem;font-weight:800;color:var(--grass-deep)}.crypto-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}.addr-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.86rem;background:var(--paper);border:2px solid var(--line);border-radius:12px;padding:10px 12px;word-break:break-all;flex:1;min-width:220px}.qr{background:#fff;padding:10px;border-radius:14px;border:2px solid var(--line)}.qr img{display:block;width:132px;height:132px}.status-line{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink-soft);margin-top:12px}.spinner{width:18px;height:18px;border-radius:999px;border:3px solid var(--line);border-top-color:var(--grass-deep);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.err-note{background:var(--err-bg);color:var(--err-ink);border:2px solid var(--err-line);border-radius:12px;padding:10px 14px;font-weight:700;margin-top:12px}.ok-note{background:var(--ok-bg);color:var(--ok-ink);border:2px solid var(--ok-line);border-radius:12px;padding:10px 14px;font-weight:700;margin-top:12px}.done-wrap{text-align:center;padding:50px 0;max-width:640px;margin:0 auto}.done-wrap .cow-svg{width:220px}.claim-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.6rem;letter-spacing:3px;font-weight:800;background:var(--cream-2);border:2px dashed var(--ink-faint);border-radius:14px;padding:12px 20px;display:inline-block;margin:10px 0;color:var(--ink)}.mock-wrap{max-width:460px;margin:60px auto}.mock-sheet{background:#f6f9fc;border-radius:18px;border:2px solid #e3e8ee;overflow:hidden;box-shadow:var(--shadow)}.mock-sheet .head{background:#635bff;color:#fff;padding:20px 24px;font-weight:800;font-family:var(--font-round)}.mock-sheet .body{padding:24px}.mock-field{background:#fff;border:1px solid #e3e8ee;border-radius:10px;padding:12px 14px;margin-bottom:12px;color:#4f566b;font-weight:600;display:flex;justify-content:space-between}.mock-pay-btn{width:100%;background:#0a2540;color:#fff;border:none;border-radius:10px;padding:14px;font-weight:800;font-size:1.05rem;cursor:pointer}.mock-demo-tag{text-align:center;color:#7a5c00;background:#fff3cd;border-radius:10px;font-weight:800;font-size:.85rem;padding:6px;margin-top:14px}.barn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:24px}.barn-card{background:var(--paper);border:var(--panel-border);border-radius:var(--radius);padding:16px;box-shadow:var(--panel-shadow);text-align:center}.barn-card svg{width:130px;height:auto}.barn-card .n{font-family:var(--font-round);font-weight:800;font-size:1.15rem}.barn-card .code{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--ink-faint);letter-spacing:1px}.barn-card .actions{display:flex;gap:8px;justify-content:center;margin-top:8px;flex-wrap:wrap}.gift-wrap{max-width:560px;margin:50px auto;text-align:center}.gift-wrap .cow-svg{width:190px}.from-line{font-size:1.1rem;color:var(--ink-soft)}.from-line b{color:var(--ink)}.toast{position:fixed;bottom:86px;left:50%;transform:translate(-50%);background:var(--toast-bg);color:var(--toast-ink);font-weight:800;padding:10px 22px;border-radius:999px;box-shadow:var(--shadow);z-index:99;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.theme-fab{position:fixed;right:18px;bottom:18px;z-index:95}.theme-fab>button{display:inline-flex;align-items:center;gap:8px;border:var(--btn-border, none);cursor:pointer;background:var(--ink);color:var(--cream);font-weight:800;font-family:var(--font-round);border-radius:999px;padding:12px 20px;font-size:.98rem;box-shadow:var(--shadow)}.theme-menu{position:absolute;right:0;bottom:58px;width:240px;background:var(--paper);border:var(--panel-border);border-radius:16px;box-shadow:var(--shadow);padding:10px;text-align:left}html[data-theme=night] .theme-menu{background:#141c42}.theme-menu .hint{font-size:.74rem;color:var(--ink-faint);padding:2px 6px 8px;border-bottom:1px solid var(--line);margin-bottom:6px}.theme-menu button.trow{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;padding:9px 8px;border-radius:10px;cursor:pointer;font-weight:800;font-size:.92rem;color:var(--ink);font-family:var(--font-round)}.theme-menu button.trow:hover,.theme-menu button.trow.on{background:var(--cream-2)}.theme-menu .dots{display:inline-flex;gap:3px;margin-left:auto}.theme-menu .dots i{width:13px;height:13px;border-radius:999px;border:1px solid rgba(0,0,0,.15)}.theme-menu .trow .rec{font-style:normal;font-size:.72rem;color:var(--grass-deep);margin-left:4px}.mobile-tabbar{display:none}@media (max-width: 680px){.site-header .nav a:not(.btn),.site-header .nav .btn-ghost{display:none}.site-header .inner{gap:10px;padding:10px 0}.logo{font-size:1.05rem}.theme-fab{display:none}.container{width:calc(100% - 28px)}.hero{padding:34px 0 20px}.hero-scene{max-width:100%;padding:24px 10px 0}.hero-scene .hs-cows{gap:14px}.hero-scene .hs-cow{width:96px}.hero-scene .hs-cow.big{width:122px}.hero .cta-row .btn{width:100%}section.block{padding:34px 0}section.block h2{font-size:1.55rem}.counter-card{padding:16px 18px}.panel{padding:20px 18px}.cow-info h1{font-size:1.7rem}main{padding-bottom:78px}.toast{bottom:96px}.mobile-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:var(--panel-border);justify-content:space-around;align-items:stretch;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.mobile-tabbar a,.mobile-tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;background:transparent;border:none;cursor:pointer;text-decoration:none!important;color:var(--ink-faint);font-weight:800;font-size:.72rem;font-family:var(--font-round);padding:6px 4px;border-radius:12px;min-height:48px;justify-content:center}.mobile-tabbar a.active{color:var(--ink);background:var(--cream-2)}.mobile-tabbar .em{font-size:1.3rem;line-height:1}}.cow-sad .tear{animation:drip 1.8s ease-in infinite}@keyframes drip{0%{transform:translateY(0);opacity:1}70%{opacity:1}to{transform:translateY(26px);opacity:0}}.cow-sad .eyes{animation:blink 5s infinite;transform-origin:111px 94px}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.cow-happy .heart{animation:floaty 2.6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.cert-stage{max-width:900px;margin:30px auto}.cert-stage canvas{width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow);border:2px solid var(--line)}.page-wrap{padding:44px 0 60px}.center{text-align:center}.muted{color:var(--ink-faint)}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}