/* Friends design DNA: 左窄横向衬线标题、右大玻璃瓶、背后浅绿方格和偏置植物影; 透光玻璃、层状土壤、细叶纹和绿苔软面; primary parallax */
body{--bg:#e9efde;--ink:#22392e;--accent:#577535;--line:#8a9a7f;--field:#f4f7ed;--display:Georgia;--body:Arial;--error:#973c28}.brand{font-family:Georgia;font-size:27px;font-weight:400}.moss-hero{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);padding-top:20px;padding-bottom:30px;align-items:center;gap:2vw}.moss-title{display:grid;gap:28px}.moss-title h1{font-size:clamp(55px,7vw,100px);line-height:1.0}.moss-title .small{font-size:11px}.moss-title .action{justify-self:start}.moss-hero .scene{min-height:500px}.moss-neck{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.moss-word{font:italic clamp(90px,17vw,250px)/1 Georgia;color:var(--accent)}.moss-neck>div{display:grid;gap:24px}.surface-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:end;margin-top:50px}.surface-grid article{display:grid;gap:16px}.moss-texture{height:240px;border-radius:50% 50% 30% 30%;background:repeating-radial-gradient(ellipse at 10% 40%,#7b9454 0 2px,#496a37 3px 4px);box-shadow:inset -15px -20px 30px #22392e66}.moss-stem{height:330px;position:relative;background:linear-gradient(90deg,transparent 49%,#496a37 49% 51%,transparent 51%)}.moss-stem:before,.moss-stem:after{content:'';position:absolute;left:0;top:70px;width:48%;height:90px;border-radius:10% 100%;background:#78934f;transform:rotate(20deg)}.moss-stem:after{left:52%;top:170px;transform:rotate(-60deg);background:#496a37}.moss-ground{height:170px;background:repeating-linear-gradient(16deg,#726646 0 4px,#8f8060 5px 10px);border-radius:50% 50% 10% 10%;box-shadow:inset 0 -20px 20px #22392e33}.moss-layers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;background:#cbd7b5}.moss-choice{background:#22392e;color:#e9efde;--ink:#e9efde;--bg:#22392e;--line:#839278;--field:#2e4431;--accent:#c1d196}.moss-choice img{border-radius:40% 40% 12% 12%;background:#e9efde}.moss-proportion{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.moss-proportion>p{grid-column:1/-1;max-width:900px}.moss-diagram{display:flex;gap:20px;align-items:end;border-bottom:1px solid var(--ink);height:240px}.moss-diagram i{display:block;width:30px;height:100px;background:#577535;border-radius:50% 50% 0 0}.moss-diagram i:nth-child(3){height:220px}.moss-diagram i:nth-child(4){height:140px}.moss-diagram span{font-size:11px}.moss-help{max-width:1000px;margin:auto}.moss-help h2{margin-bottom:30px}.moss-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;border-top:1px solid var(--line)}.moss-note h2{margin-bottom:24px}.auth-shell{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2vw}.auth-copy{border-left:1px solid var(--line);padding-left:45px;max-width:500px}.auth .layered{border-bottom:1px solid var(--line)}@media(max-width:900px){.moss-hero{grid-template-columns:minmax(0,1fr)}.moss-title h1 br{display:none}.moss-title h1{font-size:68px}.moss-hero .scene{min-height:0}.moss-layers,.moss-proportion,.moss-note,.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-copy{padding-left:0;border-left:0}.moss-proportion>p{grid-column:auto}}@media(max-width:600px){.moss-title h1{font-size:56px}.moss-neck{grid-template-columns:minmax(0,1fr);gap:25px}.surface-grid{grid-template-columns:minmax(0,1fr)}.surface-grid article{grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:center}.surface-grid article>div{grid-row:1/3;height:140px}.surface-grid article p{grid-column:2}.moss-word{font-size:130px}.moss-choice img{border-radius:24px}}

@media(max-width:1199px){.moss-hero,.moss-neck,.moss-layers,.moss-proportion,.moss-note,.auth-shell{grid-template-columns:minmax(0,1fr)}.moss-title h1{font-size:clamp(48px,6vw,76px)}.moss-title h1 br{display:none}.auth-copy{border-left:0;padding-left:0}.moss-hero .scene{min-height:0}}