:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#273e32;background:#eff2e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 25%,#dfe8d77a,transparent 60%),#eff2e9}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #638650;outline-offset:6px}h1,h2,p{margin:0}.studio-header{max-width:1540px;margin:auto;padding:27px 45px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e0d4}.brand{font-size:30px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center}.brand>span{font-size:10px;align-self:flex-start;margin:6px 17px 0 3px}.brand em{font-size:9px;font-style:normal;letter-spacing:2px;color:#7c8978;font-weight:500;border-left:1px solid #ccd6c7;padding:8px 18px}.web-link{font-size:11px;color:#64755f}.web-link span{margin-left:14px}.studio{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,390px) minmax(300px,390px);gap:34px;padding:35px 45px 28px;align-items:start}.intro{padding-top:50px}.kicker{font-size:11px;color:#687c60;display:flex;align-items:center;gap:8px}.kicker i{height:6px;width:6px;border-radius:50%;background:#94a97f}.intro h1{font-size:51px;font-weight:540;line-height:1.38;letter-spacing:-2px;margin:27px 0 21px}.intro h1>span{color:#8da76d}.intro-text{font-size:13px;color:#718068;line-height:2.1;letter-spacing:.2px}.design-principles{margin:42px 0}.design-principles>div{display:flex;gap:15px;margin:24px 0}.design-principles>div>span{font-size:10px;color:#93a486;line-height:22px}.design-principles strong{display:block;font-size:12px;font-weight:580;margin-bottom:5px;color:#465e3b}.design-principles p{font-size:11px;color:#7b8872;line-height:1.9}.studio-note{border-top:1px solid #d7dfce;padding-top:25px;max-width:255px}.studio-note>span{font-size:8px;letter-spacing:1.5px;color:#8e9b81}.studio-note p{font-size:10px;color:#85917b;line-height:1.9;margin:9px 0 21px}.intro-web{font-size:11px;color:#5a7050}.intro-web>span{margin-left:20px}.device-caption{display:flex;justify-content:space-between;align-items:end;margin:0 6px 17px}.device-caption>div>span{font-size:8px;letter-spacing:1.8px;color:#89987b}.device-caption h2{font-size:17px;font-weight:560;margin-top:7px}.device-caption>a{font-size:10px;color:#6e8062;min-height:30px;display:flex;align-items:center}.device-frame{padding:7px;border:1px solid #cbd2c4;background:#fcfdf9;border-radius:42px;box-shadow:0 28px 50px -28px #3d523756,0 2px 10px #40503308;overflow:hidden;position:relative}.device-top{height:33px;padding:4px 22px;display:flex;justify-content:space-between;align-items:center;position:relative;color:#344833;background:#f6f7f2;border-radius:34px 34px 0 0;font-size:10px;font-weight:650}.device-top>span:last-child{font-size:8px;letter-spacing:1px}.island{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:85px;height:20px;background:#27352b;border-radius:30px}.device-frame iframe{display:block;width:100%;height:715px;border:0;border-radius:0 0 33px 33px;background:#f6f7f2}.device-description{text-align:center;font-size:10px;color:#809172;margin:19px 0 0}.device-description span{margin:0 7px;color:#a5b298}.studio-footer{display:flex;justify-content:space-between;max-width:1440px;padding:15px 45px 23px;margin:auto;font-size:8px;letter-spacing:1.4px;color:#98a68b}@media(min-width:1550px){.studio{padding-top:50px;gap:52px}.device-frame iframe{height:750px}.intro{padding-top:70px}}@media(max-width:1180px){.studio{gap:24px;padding-inline:28px;grid-template-columns:220px minmax(290px,1fr) minmax(290px,1fr)}.intro h1{font-size:40px}.device-frame{border-radius:36px}.device-frame iframe{height:670px}.studio-header{padding-inline:28px}}@media(max-width:960px){.studio{grid-template-columns:1fr 1fr;max-width:850px}.intro{grid-column:1/-1;padding-top:5px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.intro h1{grid-column:1;font-size:37px;margin:16px 0}.intro h1 br{display:none}.kicker{grid-column:1/-1}.intro-text{grid-column:1}.design-principles{grid-column:2;grid-row:2/4;margin:0}.design-principles>div{margin:10px 0}.studio-note,.intro-web{display:none}.device-frame iframe{height:700px}}@media(max-width:650px){.studio{display:block;padding:25px 20px}.studio-header{padding:20px}.brand em{display:none}.intro{display:block;padding:8px 3px 24px}.intro h1{font-size:36px}.intro h1 br{display:none}.intro-text{font-size:12px}.design-principles{display:none}.device-column{max-width:390px;margin:12px auto 37px}.device-frame iframe{height:730px}.studio-footer{padding:0 22px 25px;gap:20px;font-size:7px}.web-link{font-size:10px}}