:root{--ink:#252529;--muted:#69696e;--line:#e6e6e8;--accent:#c13e37}body{background:#fff;color:var(--ink);font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;font-size:14px}.preview{background:#f6f1f0;color:#87504b;font-size:11px;padding:6px 16px}header{max-width:1200px;padding:23px 32px;border-color:var(--line)}.brand{font-size:25px;line-height:1}.brand>span{color:var(--accent)}.brand b{font-size:23px;border-left:1px solid var(--line);padding-left:14px}.brand small{display:none}nav{gap:32px}nav a{padding:9px 0;position:relative}nav a.active{color:var(--accent);font-weight:600}nav a.active:after{content:'';position:absolute;bottom:0;left:0;width:16px;height:2px;background:var(--accent)}nav a:hover{color:var(--accent)}main{max-width:1200px;padding:0 32px}.store-intro{padding:46px 0 35px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.store-label{font-size:12px;color:var(--muted);margin-bottom:12px}.store-intro h1{font-size:36px;font-weight:700;line-height:1.25;margin:0 0 15px}.store-intro h1 .brand-period{color:var(--accent);padding-left:4px}.store-intro p{color:var(--muted);margin:0}.intro-link{font-size:13px;white-space:nowrap;margin-bottom:4px}.intro-link span{margin-left:25px;color:var(--accent)}.section-head{gap:18px;margin:0 0 24px}h2{font-size:25px;line-height:1.4;font-weight:650}.filters{gap:25px;border-bottom:1px solid var(--line)}.filters button{border:0;border-bottom:2px solid transparent;background:transparent;padding:14px 0;color:var(--muted);font-size:14px;border-radius:0}.filters button.selected{background:transparent;color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.filters small{font-size:10px;margin-left:6px;color:#77777c}.catalog-note{font-size:11px;color:var(--muted)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.product{border-color:var(--line);border-radius:6px;transition:border-color .2s,box-shadow .2s}.product:hover{transform:none;border-color:#b8b8bd;box-shadow:0 6px 20px #2525290a}.cover{height:265px;padding:23px 25px 0;position:relative;overflow:hidden;background:#f1e7e5;color:#653f3b;justify-content:flex-start}.cover.blue{background:#e6edf4;color:#38566c}.cover.dark{background:#e9e7f1;color:#504760}.cover small{font-size:11px;position:relative;z-index:1}.cover strong{font-size:26px;line-height:1.45;margin-top:13px;font-weight:600;position:relative;z-index:1}.cover>span{position:absolute;right:18px;top:23px;font-size:10px}.product-specimen{background:#fffc;border:1px solid #fff;padding:12px 16px;border-radius:5px 5px 0 0;margin:18px -2px 0 28px;box-shadow:0 8px 18px #2525290c;transform:rotate(-4deg);font-size:10px;color:#55525a;min-height:110px}.blue .product-specimen{transform:rotate(4deg)}.dark .product-specimen{background:#5c526c;color:#fff;border-color:#746880;transform:rotate(-5deg)}.product-specimen code{display:block;font:600 11px 'Segoe UI','Microsoft YaHei',sans-serif;padding-bottom:6px;margin-bottom:5px;border-bottom:1px solid #7772}.product-specimen div{display:flex;justify-content:space-between;padding:4px 0}.product-specimen b{font-size:9px;font-weight:400;color:inherit}.membership-key{font-size:19px}.product-body{padding:22px 23px}.product-body h3{margin:0 0 9px;font-size:17px}.product-body p{font-size:12px;color:var(--muted);min-height:40px;margin:0}.price-row{border-color:#efeff0;padding-top:17px;margin-top:19px;gap:8px}.price{font-size:22px;font-weight:650}.price small{color:var(--muted)}.link{color:var(--muted);font-size:12px}.product:hover .link{color:var(--accent)}.shortcuts{margin:30px 0 0;border-top:0;border-bottom-color:var(--line);padding-bottom:28px}.shortcuts a{padding:5px 30px 5px 0}.shortcuts a+a{padding-left:32px;border-left-color:var(--line)}.shortcuts small{color:var(--muted);font-size:11px;margin-bottom:4px}.shortcuts b{font-size:14px;font-weight:500}.shortcuts span{font-size:22px;color:var(--accent);padding:0}.reading{margin:42px 0 56px}.learning-layout{display:grid;grid-template-columns:360px 1fr;gap:42px}.learning-feature{position:relative;min-height:242px;overflow:hidden;padding:24px;color:white;background:#303938;border-radius:5px}.learning-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}.learning-feature>span,.learning-feature h3,.learning-feature p{position:relative}.learning-feature>span{font-size:11px}.learning-feature h3{font-size:22px;line-height:1.5;margin:40px 0 8px}.learning-feature p{font-size:11px;color:#e0e2e0;margin:0}.article-row{gap:18px;border-color:var(--line);padding:19px 0}.article-row small{color:var(--muted);font-size:10px;white-space:nowrap}.article-row>div{flex:1}.article-row h3{font-size:15px;font-weight:500}.article-row p{color:var(--muted);font-size:12px}.article-row>span{color:var(--accent)}.article-row:first-child{border-top:0;padding-top:0}.learning-list{padding-top:6px}.page{padding:44px 0 72px}.muted{color:var(--muted)}.eyebrow{color:var(--accent)}.detail{padding:32px 0}.detail .cover{height:340px;border-radius:6px;padding:30px}.detail .cover strong{font-size:32px}.detail .product-specimen{margin-top:24px;max-width:320px}.detail h1{font-size:29px;line-height:1.4}.form-panel{margin-top:20px;border-color:var(--line);border-radius:6px}.form-panel h2{margin-bottom:18px;font-size:24px}input{border-color:#c9c9ce;color:var(--ink)}input:focus{outline:2px solid #c13e3733;border-color:var(--accent)}.btn{border-color:var(--accent);background:var(--accent);border-radius:4px}.btn.secondary{background:white;color:var(--ink);border-color:#ccc}button:disabled{cursor:wait;opacity:.6}.status{background:#f0f5f1}.steps{flex-wrap:wrap;gap:14px;font-size:11px;color:var(--muted)}footer{border-color:var(--line);max-width:1136px;padding:28px 0;gap:28px;color:var(--muted)}footer b{color:var(--ink)}footer small{color:var(--muted)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent)}@media(max-width:900px){.grid{gap:14px}.cover{padding:20px 18px 0}.cover strong{font-size:23px}.cover>span{display:none}.product-body{padding:17px}.learning-layout{grid-template-columns:290px 1fr;gap:25px}.article-row small{display:none}footer{margin:20px 32px 0}.catalog-note{display:none}}@media(max-width:650px){header{padding:19px 20px 13px;gap:20px}.brand b{font-size:21px}nav{gap:12px;font-size:13px}main{padding:0 20px}.store-intro{padding:30px 0 22px;display:block}.store-intro h1{font-size:28px}.store-intro p{font-size:13px}.intro-link{display:inline-block;margin:16px 0 0}.store-label{font-size:11px;margin-bottom:10px}.filters{gap:20px;width:100%}.filters button{font-size:12px;white-space:nowrap}.filters small{margin-left:3px}.section-head{gap:12px;margin-bottom:18px;flex-direction:row;align-items:center}.grid{grid-template-columns:1fr;gap:24px}.cover{height:246px;padding:24px}.cover strong{font-size:27px}.cover>span{display:block}.product-specimen{max-width:270px;width:85%;align-self:flex-end}.product-body{padding:21px}.product-body p{min-height:0}.shortcuts{grid-template-columns:1fr;padding-bottom:12px;margin-top:22px}.shortcuts a,.shortcuts a+a{padding:14px 0;border-left:0}.shortcuts a+a{border-top:1px solid var(--line)}.reading{margin:32px 0 36px}h2{font-size:21px}.reading .section-head .link{white-space:nowrap;font-size:11px}.learning-layout{grid-template-columns:1fr;gap:24px}.learning-feature{min-height:230px}.article-row h3{font-size:14px}.detail .cover{height:310px}.detail h1{font-size:26px}.form-panel h2{font-size:22px}.page{padding-top:28px}footer{margin:20px 20px 0;padding:25px 0}.preview{font-size:10px}.article h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.product-information{max-width:850px;margin:12px auto 35px}.product-information section{padding:24px 0;border-top:1px solid #e6e6e8}.product-information h2{font-size:18px;margin-bottom:12px}.product-information p,.article>p{white-space:pre-line;overflow-wrap:anywhere}.product-body h3,.cover strong{overflow-wrap:anywhere}.product-information p{font-size:14px;color:#69696e;line-height:1.9}.catalog-empty{padding:30px 0;color:#69696e}
.learning-layout.text-only{grid-template-columns:1fr}.cover strong{max-width:100%}.learning-feature h3{overflow-wrap:anywhere}
.availability-note{max-width:850px;margin:20px auto 45px;padding:24px;border:1px solid #dce3dd;background:#fff;border-radius:7px}.availability-note h2{font-size:20px}.availability-note p,.policy p{color:#69696e}.policy h2{margin-top:32px}
.membership-grid{margin-top:14px}.membership-offer{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;min-height:275px;padding:28px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer;font:inherit;transition:border-color .2s,box-shadow .2s}.membership-offer:hover,.membership-offer:focus-visible{border-color:var(--accent);box-shadow:0 8px 24px #25252910}.membership-offer .offer-kicker{color:var(--accent);font-size:12px}.membership-offer h3{font-size:25px;margin:24px 0 10px}.membership-offer p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.membership-offer .price-row{margin-top:auto;align-items:center}.membership-offer .price{font-size:23px}.membership-disclaimer{font-size:12px;color:var(--muted);line-height:1.7;margin:20px 0 0}.membership-dialog{border:1px solid var(--line);border-radius:10px;padding:0;max-width:min(440px,calc(100vw - 32px));width:100%;box-shadow:0 22px 65px #0003;color:var(--ink)}.membership-dialog::backdrop{background:#20202799}.membership-dialog-body{padding:30px;position:relative}.membership-dialog h2{margin:0 0 15px}.membership-dialog p{line-height:1.7;color:var(--muted)}.membership-dialog .eyebrow{color:var(--accent);font-size:12px;margin:0 0 8px}.membership-close{position:absolute;top:16px;right:18px;border:0;background:none;color:var(--muted);font-size:27px;cursor:pointer}.membership-wechat{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px;margin:20px 0;background:#f7f5f4;border-radius:5px}.membership-wechat strong{font-size:21px;user-select:all}.membership-copy-status{min-height:1.7em;margin:8px 0}.membership-safety{font-size:12px;border-top:1px solid var(--line);padding-top:14px}.membership-offer:focus-visible,.membership-close:focus-visible,.membership-dialog .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:650px){.membership-offer{min-height:220px;padding:24px}.membership-offer h3{margin-top:17px}.membership-dialog-body{padding:25px}}