:root{--paper:#f7f6f1;--ink:#202822;--muted:#59635b;--line:#dcdfd7;--orange:#bd481e;--tint:#eee9df;--green:#e7eddf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a:hover{color:var(--orange)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.04em}h1{font-size:clamp(38px,4.5vw,62px);font-weight:650}h2{font-size:29px;font-weight:650}h3{font-size:23px}.wrap{max-width:1280px;width:calc(100% - 96px);margin:auto}.skip{position:fixed;left:20px;top:-70px;z-index:20;padding:12px;background:white}.skip:focus{top:10px}.header{position:sticky;top:0;background:rgba(247,246,241,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:10}.header-inner{height:88px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.brand b{font-weight:450}.brand small{font-family:monospace;display:block;letter-spacing:.12em;font-size:9px;line-height:1.5;color:var(--muted)}.brand-icon{font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:bold;line-height:1;width:43px;height:43px;background:var(--ink);color:var(--paper);border-radius:12px 12px 12px 2px;letter-spacing:-7px;padding-right:6px}.brand-icon span{color:#f69152}.header nav{margin-left:auto;display:flex;gap:32px;font-size:14px;font-weight:550}.header-cta{border:1px solid var(--line);border-radius:5px;padding:8px 14px;font-size:13px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding:66px 0 63px;align-items:center}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.11em;line-height:1.5;color:var(--muted);margin-bottom:18px}.hero .eyebrow{font-size:13px;letter-spacing:.12em;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero h1{line-height:1.25;letter-spacing:-.06em}.underlined{color:var(--orange);position:relative}.underlined:after{content:'';position:absolute;height:6px;bottom:-7px;left:0;width:100%;border:2px solid var(--orange);border-color:var(--orange) transparent transparent;border-radius:50%;transform:rotate(-2deg)}.hero-copy>p{color:var(--muted);font-size:16px;line-height:1.9;margin:26px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid transparent;border-radius:5px;padding:12px 20px;font-size:14px;font-weight:550;min-height:46px}.dark{background:var(--ink);color:#fff}.dark:hover{background:#354239;color:white}.light{border-color:#c7cdc2;background:transparent}.light:hover{background:#e9ece3;color:var(--ink)}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:27px;color:var(--muted);font-size:11px}.hero-meta span+span:before{content:'/';margin-right:18px;color:#969d92}.hero-art{background:#e8eadd;border:1px solid #d7dccb;border-radius:9px;position:relative;min-height:360px;overflow:hidden;color:var(--ink);padding:23px 28px;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#a5ae9320 1px,transparent 1px),linear-gradient(90deg,#a5ae9320 1px,transparent 1px);background-size:25px 25px;z-index:-1}.art-top,.art-bottom{display:flex;justify-content:space-between;font-family:monospace;font-size:10px;letter-spacing:.08em}.art-top{margin-bottom:20px}.art-frame{height:245px;width:85%;border:7px solid #fdfcf6;box-shadow:0 12px 25px #26362620;background:#b9c5bb;position:relative;overflow:hidden;transform:rotate(-5deg);margin:0 0 28px 10px;border-radius:3px}.sun{width:80px;height:80px;border-radius:50%;background:#f7e6a0;position:absolute;right:40px;top:25px}.mountain{position:absolute;bottom:-100px;width:360px;height:220px;background:#637c69;transform:rotate(-25deg);left:-80px;border-radius:90px}.mountain.two{background:#314f42;transform:rotate(32deg);left:170px;bottom:-90px}.art-caption{position:absolute;bottom:25px;left:18px;color:white;font-family:'Songti SC','Noto Serif SC',serif;font-size:24px;letter-spacing:.12em}.frame-mark{position:absolute;top:12px;left:12px;font-family:monospace;font-size:10px}.art-sticker{position:absolute;right:19px;top:133px;padding:18px;background:#ffcd83;transform:rotate(9deg);font-size:18px;line-height:1.45;font-weight:700;box-shadow:0 3px 8px #3d41211b}.art-sticker span{font-size:32px;display:block}.art-bottom{font-family:inherit;font-size:12px;letter-spacing:0}.catalog{border-top:1px solid var(--line);padding-top:40px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-head .eyebrow{margin-bottom:9px}.section-head>p{text-align:right;color:var(--muted);font-size:12px}.toolbar{display:flex;gap:14px}.search{display:flex;align-items:center;gap:12px;flex:1;border:1px solid #cdd3c7;background:#fffefa;border-radius:6px;padding:8px 16px}.search>span{font-size:27px;line-height:1}.search input{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);outline:0;height:32px;font-size:14px}.search kbd{border:1px solid var(--line);padding:0 7px;color:var(--muted);border-radius:4px;font-size:12px}.saved-filter{background:transparent;border:1px solid #cdd3c7;border-radius:6px;padding:8px 18px;font-size:13px}.saved-filter span{background:#e5e9df;border-radius:4px;padding:2px 6px;margin-left:6px}.saved-filter[aria-pressed=true]{border-color:var(--ink);background:var(--green)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 16px}.filter{border:1px solid transparent;background:transparent;padding:8px 16px;border-radius:5px;font-size:13px}.filter:hover{background:#e9ece4}.filter.active{background:var(--ink);color:white}.filter span{opacity:.7;font-size:10px;margin-left:8px}.result-line{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:14px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-card{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);background:#fffefa;border-radius:7px;overflow:hidden;transition:box-shadow .2s,transform .2s;min-width:0}.product-card:hover{box-shadow:0 6px 18px #25352309;transform:translateY(-2px)}.product-info{padding:23px 22px;min-width:0}.product-top{display:flex;align-items:center;gap:10px;margin-bottom:17px}.product-mark{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-family:Georgia,serif;font-weight:700;font-size:22px;flex-shrink:0;background:#e5e8e1;color:#283c31;border:1px solid #1c302210}.product-mark.design{background:#eee0ce;color:#834521}.product-mark.video{background:#dce6d2;color:#345134}.product-mark.code{background:#dee6ee;color:#334c66}.product-mark.audio{background:#eae0e5;color:#634157}.category{font-size:10px;color:var(--muted)}.save{margin-left:auto;width:32px;height:32px;border:0;border-radius:50%;background:transparent;font-size:21px;color:var(--muted);flex-shrink:0}.save:hover,.save[aria-pressed=true]{background:#f4e5d6;color:#9a3e1f}.product-info h3{font-size:23px}.tagline{font-size:12px;font-weight:600;margin:7px 0 10px}.summary{font-size:12px;color:var(--muted);line-height:1.8;min-height:44px}.product-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid #eceee7;margin-top:20px;padding-top:12px;font-size:12px;font-weight:550}.official{font-weight:400;color:var(--muted)}.related{padding:24px 18px;background:#f1f3ed;border-left:1px solid #e3e6dd;min-width:0}.mini-label{font:9px monospace;letter-spacing:.06em;color:var(--muted);display:block;margin-bottom:17px}.related>div+div{border-top:1px solid #d9dfd1;padding-top:14px;margin-top:14px}.label{font-size:9px;display:inline-block;color:#466044;background:#e2e9d9;padding:2px 6px;border-radius:3px;font-weight:550;letter-spacing:.02em}.label.warm{background:#f0e4d1;color:#89451f}.related a{display:block;font-size:12px;font-weight:600;line-height:1.65;margin-top:6px}.related small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:5px}.lab-strip{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;margin-top:65px;padding:38px 0;border-top:1px solid var(--line)}.lab-strip>div{padding:15px 20px 10px 0}.lab-strip p{font-size:13px;color:var(--muted);margin:15px 0 25px}.text-link{font-size:14px;font-weight:550;border-bottom:1px solid currentColor;padding-bottom:4px}.play-tile{background:#eee1d1;padding:25px 28px;display:flex;flex-direction:column;gap:21px;border-radius:6px;min-height:210px;position:relative;overflow:hidden}.play-tile:after{content:'↗';font:110px Georgia;position:absolute;right:15px;bottom:0;color:#ba774423;pointer-events:none}.play-tile.sound{background:#e5e9dd}.play-tile.sound:after{content:'♫';color:#47643f23}.play-tile span{font-size:11px;z-index:1}.play-tile strong{font-size:25px;line-height:1.4;font-weight:550;z-index:1}.trust-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#ebece3;border:1px solid var(--line);padding:28px 32px;margin-top:20px;margin-bottom:65px;border-radius:7px}.trust-strip h2{font-size:21px}.trust-strip p{font-size:12px;color:var(--muted);margin-top:9px;max-width:650px}.trust-strip .button{flex-shrink:0}footer{border-top:1px solid var(--line);padding:34px 0 20px}.footer-top{display:flex;align-items:center;gap:25px}.footer-top p{font-size:12px;color:var(--muted)}.footer-top>div{display:flex;gap:20px;margin-left:auto;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding-top:26px;margin-top:22px;border-top:1px solid var(--line)}.accent{color:var(--orange)}[hidden]{display:none!important}#empty{text-align:center;padding:65px 10px;background:#eee}.save-text[aria-pressed=true]{background:var(--green)}#empty p{margin:15px}#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:var(--ink);color:white;border-radius:6px;padding:12px 20px;z-index:30;max-width:90vw;display:none;font-size:13px}#toast.show{display:block}.detail-head,.page-title{padding:48px 0 35px}.back{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:28px}.title-row{display:flex;gap:18px;align-items:center}.title-row .product-mark{width:58px;height:58px;font-size:30px}.lead{font-size:18px;line-height:1.85;color:var(--muted);max-width:780px;margin-top:22px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:70px;padding-bottom:60px}.detail-grid aside{align-self:start;position:sticky;top:120px}.detail-grid aside .related{border:1px solid var(--line);border-radius:6px}.aside-note{font-size:12px;display:block;margin-top:16px;color:var(--muted)}.prose{max-width:780px}.prose h2{font-size:23px;margin:34px 0 15px}.prose p{line-height:1.95;margin:15px 0;color:#39453c}.prose ol{padding-left:23px}.prose li{padding-left:5px;margin:15px 0;line-height:1.9}.prose a:not(.button){text-decoration:underline;text-underline-offset:4px}.source-box{border:1px solid var(--line);padding:22px;background:#f0f2eb;border-radius:5px;margin:30px 0;font-size:13px}.source-box small{display:block;color:var(--muted);margin-top:15px;font-size:11px}.reading{max-width:840px;padding:45px 0 65px}.reading h1{font-size:43px;line-height:1.4}.reading .prose{max-width:none}.article-meta{font-size:11px;color:var(--muted);margin-top:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px}.prompt-head h2{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9ece2;border:1px solid #d2d9c8;border-radius:6px;padding:25px;font:15px/1.9 'PingFang SC',sans-serif;margin:20px 0;color:#253829}.note{font-size:12px;color:var(--muted);margin-top:15px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:65px}.library-card{background:#e9ede2;border:1px solid #d8decf;border-radius:6px;padding:30px}.library-card.design{background:#efe5d7}.library-card.audio{background:#eee5e9}.library-card.code{background:#e3e9ee}.library-card h2{font-size:25px;margin-bottom:15px}.library-card p{font-size:12px;color:var(--muted);margin-bottom:25px}.library-card>span:last-child{font-size:13px}.review-list{padding-bottom:65px}.review-row{display:grid;grid-template-columns:180px 1fr;gap:35px;padding:28px 0;border-top:1px solid var(--line)}.review-row>div:first-child{display:flex;align-items:center;gap:12px;align-self:start;font-weight:600;font-size:14px}.review-row h2{font-size:23px;margin:10px 0}.review-row p{font-size:13px;color:var(--muted)}.external-review{margin-top:18px;padding:15px 18px;background:#edf0e6;border-radius:5px;font-size:13px}.external-review>a{margin-left:9px}.external-review small{display:block;font-size:11px;color:var(--muted);margin-top:7px}@media(min-width:1500px){.hero{padding:80px 0}.hero-art{min-height:390px}.art-frame{height:270px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:30px}.hero h1{font-size:46px}.product-card{grid-template-columns:1fr}.related{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:17px 22px}.mini-label{grid-column:1/-1;margin:0}.related>div+div{margin:0;border:0;padding:0 0 0 15px;border-left:1px solid var(--line)}.summary{min-height:0}.detail-grid{gap:30px}.detail-grid aside .related{display:block}.detail-grid aside .related>div+div{border-left:0;padding:15px 0 0;margin-top:15px;border-top:1px solid var(--line)}.detail-grid .mini-label{margin-bottom:15px}.header-inner{gap:20px}.header nav{gap:20px}.lab-strip{grid-template-columns:1fr 1fr}.lab-strip>div{grid-column:1/-1}.footer-top{flex-wrap:wrap}.footer-top>div{margin-left:0}}@media(max-width:700px){html{scroll-padding-top:130px}.wrap{width:calc(100% - 40px)}.header-inner{height:auto;min-height:102px;flex-wrap:wrap;gap:0;padding:12px 0}.brand{font-size:18px}.brand-icon{height:35px;width:35px;font-size:32px}.header nav{order:3;width:100%;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px}.header-cta{margin-left:auto;font-size:10px;padding:5px 8px}.hero{grid-template-columns:1fr;gap:28px;padding:35px 0}.hero h1{font-size:43px}.hero-copy>p{font-size:14px;margin:22px 0}.hero .eyebrow{font-size:11px}.hero-meta{font-size:10px;gap:12px;margin-top:20px}.hero-meta span+span:before{margin-right:12px}.hero-art{min-height:300px;padding:18px 20px}.art-frame{height:200px;margin-bottom:18px}.art-sticker{top:105px;font-size:16px}.art-caption{font-size:21px}.section-head{display:block}.section-head>p{text-align:left;margin-top:12px}.section-head>p br{display:none}.section-head h2{font-size:25px}.catalog{padding-top:28px}.toolbar{gap:8px;flex-wrap:wrap}.search{padding:7px 10px;min-width:190px}.search input{font-size:12px}.search kbd{display:none}.saved-filter{font-size:11px;padding:8px 10px}.filters{gap:5px;margin:17px 0 12px}.filter{font-size:11px;padding:8px 10px}.result-line{font-size:10px;gap:10px}.product-grid{grid-template-columns:1fr;gap:16px}.product-info{padding:19px 20px}.product-top{margin-bottom:12px}.product-info h3{font-size:23px}.summary{font-size:13px}.tagline{font-size:12px}.product-actions{margin-top:15px}.related{padding:16px 20px}.related a{font-size:12px}.related small{font-size:10px}.lab-strip{margin-top:40px;padding-top:28px;gap:12px}.lab-strip>div{padding:0 0 15px}.play-tile{padding:20px 16px;min-height:210px}.play-tile strong{font-size:20px}.play-tile span{font-size:10px}.trust-strip{padding:23px;display:block;margin:15px auto 35px}.trust-strip .button{margin-top:20px}.footer-top{gap:16px}.footer-top p{width:100%}.footer-top>div{gap:16px;flex-wrap:wrap;font-size:11px}.footer-bottom{flex-direction:column;gap:8px}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-grid aside{position:static}.detail-head,.page-title{padding:30px 0}.title-row h1{font-size:38px}.lead{font-size:16px}.reading{padding-top:30px}.reading h1{font-size:32px}.prose h2{font-size:21px}.prose p,.prose li{font-size:15px}.prompt-head{align-items:start}.prompt-head h2{font-size:21px}.prompt-head .button{font-size:12px;padding:8px 12px;min-height:38px}pre{font-size:13px;padding:18px}.library-grid{grid-template-columns:1fr;gap:14px}.library-card{padding:25px}.review-row{grid-template-columns:1fr;gap:15px}.review-row h2{font-size:21px}.external-review>a{display:block;margin:8px 0 0}.detail-actions{gap:8px}.detail-actions .button{padding:10px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:360px){.hero h1{font-size:37px}.saved-filter{margin-left:auto}.related{grid-template-columns:1fr}.related>div+div{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.lab-strip{grid-template-columns:1fr}.lab-strip>div{grid-column:auto}}