*{box-sizing:border-box} :root{--ink:#294c40;--muted:#708477;--line:#dce3d4;--gold:#c29b56;--cream:#fafaf1}body{margin:0;background:#edf1e6;color:var(--ink);font-family:'Microsoft YaHei',system-ui,sans-serif;font-size:14px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation;transition:background .16s,box-shadow .16s;color:var(--ink)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bd8e42;outline-offset:3px}button:not(:disabled):hover{filter:brightness(.96)}[hidden]{display:none!important}main{max-width:1180px;margin:auto;padding:26px 36px 20px}header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid #cfdacb}.brand{text-decoration:none;color:var(--ink);font-size:21px;font-weight:700;display:flex;align-items:center;gap:12px;letter-spacing:2px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:var(--muted);margin-top:5px}.brand-icon{font-size:33px;background:#dce5d5;width:49px;height:49px;display:grid;place-items:center;border-radius:15px}.badge{font-size:11px;border:1px solid #cfdbca;border-radius:20px;padding:9px 13px;color:#647b69}.intro{display:flex;justify-content:space-between;align-items:center;padding:28px 0 23px}.eyebrow{font-size:10px;letter-spacing:2px;color:#82917a;margin:0 0 8px;font-weight:600}h1{font-family:Georgia,'Songti SC',serif;font-size:32px;letter-spacing:2px;margin:0 0 10px;font-weight:600}.intro p:last-child{margin:0;color:var(--muted);font-size:13px}.stamp{border:1px solid #b89c72;border-radius:5px;color:#a48a62;transform:rotate(8deg);font-family:serif;font-size:18px;padding:10px 12px;margin-right:20px;line-height:1.3}.guide{display:flex;gap:15px;align-items:center;padding:14px 18px;background:#e3e9d9;border-radius:12px;margin-bottom:23px;font-size:12px;line-height:1.7}.guide b{flex:none}.guide span{flex:1}.text-button{background:transparent;border:0;font-size:12px;white-space:nowrap;padding:5px}.layout{display:grid;grid-template-columns:1.06fr 1fr;gap:23px;align-items:start}.panel{background:var(--cream);border:1px solid #dce4d5;border-radius:21px;box-shadow:0 9px 24px #344d3410;overflow:hidden}.garden{padding:23px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}h2{font-size:21px;letter-spacing:1px;margin:0;font-family:Georgia,'Songti SC',serif}.pill{font-size:11px;white-space:nowrap;border:1px solid #d8e0cf;border-radius:20px;padding:6px 10px;color:#708366}.scene{height:330px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#dcebdc 0%,#e6efdd 56%,#ccdcae 56%,#dbe5b9 100%);border-radius:14px}.sun{position:absolute;width:62px;height:62px;top:37px;right:50px;background:#f9edbb;border-radius:50%;box-shadow:0 0 0 14px #f3ecbd33}.cloud{position:absolute;width:80px;height:12px;background:#f7f8e9bb;border-radius:100%;top:70px}.c1{left:25px}.c2{right:95px;top:114px;width:50px}.mountain{position:absolute;background:#c1d7be;width:250px;height:125px;border-radius:50% 70% 0 0;top:109px;left:-70px;transform:rotate(-9deg)}.m2{left:auto;right:-90px;background:#cddfc1;transform:rotate(12deg);top:124px;width:330px}.garden-path{position:absolute;width:130%;height:110px;bottom:-45px;left:-30%;border:27px solid #ede4b7;border-radius:50%;transform:rotate(-14deg)}.scene-caption{position:absolute;top:19px;left:20px;font-size:11px;color:#68836a;letter-spacing:2px}.plant{position:absolute;bottom:39px;font-size:28px;color:#f5f4d9;z-index:1;text-shadow:2px 3px #90a879}.plant-a{left:16px}.plant-b{right:18px;bottom:63px;font-size:22px}#scene-beasts{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:0;padding:0 15px 48px}.scene-beast{width:49%;position:relative;background:none;border:0;padding:0;min-width:0;align-self:flex-end}.scene-beast svg{width:100%;display:block;filter:drop-shadow(0 6px 1px #56734a15)}.scene-beast span{display:inline-block;font-size:11px;border-radius:15px;background:#fff9;padding:4px 9px;max-width:100%;overflow-wrap:anywhere}.scene-beast:nth-child(2){margin-bottom:20px}.roster-heading{display:flex;justify-content:space-between;margin:21px 0 11px;font-size:11px;color:#778572;gap:6px}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.beast-card{background:#f3f5e9;border:1px solid #dfe5d6;padding:5px 3px 9px;border-radius:12px;min-width:0}.beast-card.selected{background:#e8eedb;border:2px solid #6f9074;padding:4px 2px 8px}.beast-card svg{width:70px;max-width:100%;display:block;margin:auto}.beast-card b{display:block;font-size:12px;overflow-wrap:anywhere}.beast-card small{display:block;font-size:10px;color:#768673;margin-top:4px}.garden-note{display:flex;gap:12px;color:#7c8875;line-height:1.8;font-size:11px;border-top:1px dashed var(--line);margin-top:20px;padding-top:15px}.garden-note span{font-size:24px;color:#a1b08b}.garden-note p{margin:0}.workspace{padding:0 24px 24px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin:0 -24px;padding:0 17px}.tabs button{border:0;background:none;padding:19px 6px 15px;font-size:14px;border-bottom:3px solid transparent;color:#83917b}.tabs button.active{color:#365b43;border-color:#65835a;font-weight:bold}.inventory{display:flex;gap:20px;align-items:center;font-size:12px;padding:16px 0 12px}.inventory>span:first-child{color:#8b987f}.inventory b{font-size:16px;margin-left:5px}.inventory small{margin-left:auto;font-size:9px;color:#8b987f}.dot{display:inline-block;border-radius:50%;width:9px;height:9px;margin-right:5px}.leaf{background:#88aa74}.ember{background:#d9a568}#notice{font-size:12px;color:#698058;background:#edf1df;border-radius:8px;padding:10px 12px;line-height:1.65;min-height:40px;margin-bottom:20px}.tab-content .section-head{margin-bottom:16px}.recipe-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recipe-switch button{background:#f8f8ee;border:1px solid var(--line);padding:10px;border-radius:10px;text-align:left;font-size:13px}.recipe-switch small{display:block;margin-top:5px;color:#8a957b;font-size:10px}.recipe-switch button.chosen{border-color:#8caa76;background:#edf2de}.cauldron-art{height:174px;margin:8px 0 0;background:radial-gradient(ellipse,#e8efdb88,transparent 67%)}.cauldron-art svg{width:100%;height:100%}h3{font-size:15px;margin:10px 0 12px}#brew-title,#egg-title{text-align:center;font-family:serif;font-size:20px;font-weight:500}.meter{height:34px;background:#e4e8d8;position:relative;overflow:hidden;border-radius:20px;border:1px solid #c4ceb8}#zone{position:absolute;top:4px;bottom:4px;background:#9bb58a;border-radius:12px;left:31%;width:38%}#gold{position:absolute;top:4px;bottom:4px;background:#e2be73;left:42.4%;width:15.2%;border-radius:10px}#needle{position:absolute;height:100%;left:5%;width:4px;background:#395546;border:1px solid #fff;border-radius:3px}.meter-labels{display:flex;justify-content:space-between;font-size:9px;color:#87937a;padding:6px 3px}.help{font-size:12px;line-height:1.8;color:#7a8770;text-align:center;min-height:22px;margin:9px 0 14px}.primary,.secondary{min-height:44px;border-radius:10px;padding:11px 12px;font-size:13px;letter-spacing:.3px}.primary{border:1px solid #486b50;background:#4d7257;color:#fafbea}.secondary{border:1px solid #cfd9bf;background:#f2f5e7}.wide{width:100%;margin-top:5px}.two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.fine{font-size:10px;line-height:1.7;color:#8b967e;margin:13px 0 0}.detail-hero{display:flex;align-items:center;gap:16px;margin:0 0 12px;background:#eef2e2;border-radius:14px;padding:9px}.detail-hero svg{width:130px;flex-shrink:0}.detail-hero h3{font-size:21px;margin:0 0 8px}.detail-hero p{font-size:11px;color:#819074;margin:5px 0}.attribute{display:flex;justify-content:space-between;gap:10px;background:#f1f4e9;padding:13px;border-radius:9px;margin:8px 0;font-size:12px}.attribute b{font-size:18px;color:#55714c}.lineage{font-size:11px;color:#7f8b72;line-height:1.8;margin:12px 0}.evolution-rules{padding:15px;border:1px dashed #cbd6ba;border-radius:12px;margin:20px 0 12px}.evolution-rules h3{margin:0 0 10px}.evolution-rules p{font-size:12px;line-height:2;margin:0 0 6px}.evolution-rules span{font-size:10px;color:#869276}.parent-selects{display:grid;grid-template-columns:1fr 23px 1fr;gap:8px;align-items:center}.parent-selects>span{font-size:22px;color:#b89c75;text-align:center}.parent-selects label{font-size:10px;color:#819071;min-width:0}.parent-selects select{display:block;margin-top:7px;width:100%;border:1px solid #ccd7be;background:#f3f5e8;padding:11px 6px;border-radius:9px;font-size:12px;color:var(--ink)}.nest-art{height:190px;display:grid;place-items:center;background:radial-gradient(ellipse,#e9edcfaa,transparent 68%)}.nest-art svg{width:210px;height:180px}.egg-shell{transform-origin:100px 100px;animation:rock 3s ease-in-out infinite}.nest-art.ready .egg-shell{animation:rock .7s ease-in-out infinite}progress{width:100%;height:8px;display:block;accent-color:#99af73;margin:16px 0;border:0;border-radius:8px}progress::-webkit-progress-bar{background:#e2e8d5;border-radius:8px}progress::-webkit-progress-value{background:#93aa70;border-radius:8px}.inherit-note{border-top:1px dashed var(--line);padding-top:18px;margin-top:20px;font-size:12px}.inherit-note p{color:#839074;line-height:1.85;font-size:11px}.dex-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dex-card{background:#f0f3e4;border:1px solid #dce3ce;border-radius:13px;padding:12px;text-align:center}.dex-card svg{height:112px;width:100%}.dex-card h3{font-size:14px;margin:3px 0 7px}.dex-card p{font-size:10px;color:#869177;line-height:1.7;margin:0}.dex-card.locked svg{opacity:.22;filter:grayscale(1)}footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#909b85;line-height:1.7;padding:20px 3px 0}.steam{animation:steam 3s ease-in-out infinite}@keyframes rock{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes steam{50%{opacity:.3;transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.steam,.egg-shell{animation:none}}@media(max-width:760px){main{padding:17px 14px}.brand{font-size:17px;letter-spacing:1px;gap:8px}.brand-icon{width:39px;height:39px;font-size:27px}.brand small{font-size:8px;letter-spacing:0}.badge{font-size:9px;padding:7px;max-width:91px;line-height:1.6;text-align:center}header{padding-bottom:16px}.intro{padding:21px 1px}.intro .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:23px;letter-spacing:0}.intro p:last-child{font-size:11px}.stamp{font-size:14px;padding:7px;margin-right:4px}.guide{padding:12px;gap:8px;flex-wrap:wrap;font-size:11px;margin-bottom:16px}.guide span{flex-basis:75%}.guide .text-button{margin-left:auto;padding:0}.layout{grid-template-columns:1fr;gap:16px}.garden{padding:16px}.section-head{margin-bottom:14px}h2{font-size:20px}.scene{height:208px}.scene-caption{font-size:10px}.sun{width:44px;height:44px;top:30px}.mountain{top:76px;height:85px}.m2{top:85px}.scene-beast{width:43%;max-width:150px}#scene-beasts{padding-bottom:20px}.scene-beast:nth-child(2){margin-bottom:12px}.plant{bottom:27px}.scene-beast svg{height:134px}.scene-beast span{font-size:10px;padding:2px 8px}.roster-heading{margin-top:14px}.roster{grid-template-columns:repeat(4,1fr)}.beast-card svg{width:51px}.beast-card b{font-size:11px}.garden-note{font-size:10px;margin-top:14px;padding-top:10px}.garden-note p br{display:none}.workspace{padding:0 18px 19px}.tabs{margin:0 -18px}.tabs button{padding:16px 4px 13px}.inventory{gap:16px}.cauldron-art{height:150px}.detail-hero svg{width:116px}.detail-hero h3{font-size:19px}footer{font-size:9px;flex-direction:column;gap:3px}.parent-selects select{font-size:11px}#notice{font-size:11px}.fine{font-size:10px}}