@charset "UTF-8";
:root{--ink:#173e47;--muted:#687c7e;--green:#397e72;--line:#e1e7e2;--paper:#fbfaf6;--gold:#cda979;--radius:22px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}a,button{touch-action:manipulation}svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #bc8e51;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;letter-spacing:-.035em}h1{font-size:48px}h2{font-size:30px}h3{font-size:19px}p{color:var(--muted);line-height:1.85}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:20px;z-index:100;background:white;padding:12px;clip-path:inset(50%)}.skip-link:focus{clip-path:none}.site-header{height:88px;border-bottom:1px solid #e9ece4;background:#fbfaf6ed}.header-inner{width:min(1320px,calc(100% - 80px));height:100%;display:flex;align-items:center;margin:auto;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:750;letter-spacing:.03em}.brand>span:last-child{display:flex;align-items:baseline;gap:10px}.brand small{font-size:11px;letter-spacing:.16em}.brand-symbol{font-family:Georgia,serif;font-size:43px;line-height:1;position:relative;font-weight:bold}.brand-symbol span{font-size:21px;color:var(--gold);position:absolute;top:0;right:-5px}.site-header nav{display:flex;gap:34px;align-items:center;height:100%;font-size:14px}.site-header nav a,.site-header nav button{height:100%;display:flex;align-items:center;position:relative;padding:0}.site-header nav a.active:after{content:"";position:absolute;bottom:20px;height:3px;border-radius:4px;background:var(--green);width:22px;left:calc(50% - 11px)}.header-member{display:flex;align-items:center;gap:8px;border:1px solid #ccd8cf;padding:9px 16px;border-radius:30px;font-size:13px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:585px;gap:40px;padding-block:50px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:650;color:var(--green);margin-bottom:18px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:var(--gold);border-radius:50%}.hero h1{font-size:clamp(40px,4.25vw,58px);line-height:1.4;letter-spacing:-.055em;font-weight:650;margin-bottom:24px}.hero h1 span{color:var(--green);position:relative}.hero h1 span:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:8px;border-top:2px solid var(--gold);border-radius:50%;transform:rotate(-2deg)}.hero-copy>p{font-size:15px;margin-bottom:30px}.hero-actions{display:flex;gap:23px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;border-radius:10px;min-height:50px;padding:13px 23px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--ink);color:#fff}.primary:hover{background:#245962}.secondary{border-color:#cdd9d1;background:transparent}.cream{background:#f9f2df;color:var(--ink)}.text-button{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:12px 0}.hero-trust{display:flex;gap:26px;margin-top:31px;color:#758782;font-size:11px}.hero-trust span{display:flex;gap:6px;align-items:center}.hero-trust svg{width:16px;height:16px}.hero-visual{position:relative;height:480px;isolation:isolate}.orb{position:absolute;border-radius:50%;z-index:-1}.orb-one{width:360px;height:360px;background:#e4ebe1;right:3px;top:44px}.orb-two{width:135px;height:135px;background:#eddbc0;left:20px;bottom:25px}.visual-label{position:absolute;right:22px;top:5px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.23em;color:#87978a}.report-sheet{width:300px;height:407px;position:absolute;left:80px;top:29px;background:#fffefa;border:1px solid #eee9dd;border-radius:12px;padding:22px 25px;box-shadow:0 25px 50px #173e4710;transform:rotate(7deg)}.sheet-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;border-bottom:1px solid #e7e8df;padding-bottom:13px}.sheet-top span:last-child{color:#7b8c7d}.sheet-heading{padding-top:23px}.tiny-label{font-size:9px;letter-spacing:.1em;color:#899585}.sheet-heading h3{font-size:27px;margin-top:7px;line-height:1.5;font-weight:550}.radar{margin-top:-15px}.radar svg{width:100%;height:168px}.sheet-bottom{display:flex;gap:14px;justify-content:center;font-size:8px;color:#829384;margin-top:8px}.floating-note{position:absolute;left:0;bottom:54px;display:flex;align-items:center;gap:12px;padding:17px 25px;background:#fffefbeF;box-shadow:0 10px 30px #183e470b;border:1px solid #eee9de;border-radius:12px;transform:rotate(-5deg);font-size:14px}.floating-note>svg{color:#af8a55;width:32px;height:32px}.floating-note small{display:block;font-size:10px;color:#8c9486;margin-top:3px}.visual-caption{position:absolute;bottom:0;right:25px;font-size:8px;letter-spacing:.1em;color:#889285}.value-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-block:25px;gap:25px}.value-strip>div{display:flex;gap:17px;align-items:center;justify-content:center}.value-strip>div+div{border-left:1px solid var(--line)}.value-number{font-family:Georgia,serif;color:#b7bda9;font-size:32px;font-style:italic}.value-strip b{font-size:13px;font-weight:550;display:block}.value-strip small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.catalog{padding-block:66px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin-bottom:0}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #dce2da;border-radius:30px;padding:10px 16px;background:#fffdf8}.search-box svg{width:17px;height:17px;color:#91a09a}.search-box input{border:0;background:none;outline:none;width:195px;font-size:12px;color:var(--ink)}.category-row{display:flex;gap:10px;margin-top:30px;overflow:auto;padding-bottom:5px}.chip{padding:9px 21px;border:1px solid #e0e5db;border-radius:24px;white-space:nowrap;font-size:12px}.chip.selected{color:white;background:var(--ink);border-color:var(--ink)}.chip:hover:not(.selected){background:#eff1e8}.catalog-count{font-size:11px;color:#8b948a;margin:18px 0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product-card{border:1px solid #e7e8df;border-radius:15px;overflow:hidden;background:#fffefa;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #25463d0b}.card-cover{height:194px;display:block;position:relative;overflow:hidden}.cover-category{position:absolute;left:15px;top:15px;background:#fffaf0c9;font-size:10px;backdrop-filter:blur(8px);border:1px solid #ffffff69;border-radius:20px;padding:4px 11px}.cover-image{width:100%;height:100%;object-fit:cover}.cover-art{position:relative;overflow:hidden;width:100%;height:100%;background:#dfe6db;display:grid;place-items:center;color:#497a6f}.art-orbit{width:185px;height:185px;border:1px solid currentColor;border-radius:50%;position:absolute;opacity:.25;transform:translate(-25px,10px)}.art-orbit.second{transform:translate(30px,-8px);width:155px;height:155px}.art-core{height:110px;width:110px;border-radius:28px 60px 28px 60px;background:#ffffff55;box-shadow:inset 0 0 0 1px #ffffff66;display:grid;place-items:center;transform:rotate(-15deg)}.art-core svg{width:57px;height:57px;stroke-width:1;transform:rotate(15deg)}.cover-art small{position:absolute;bottom:12px;right:14px;font-size:8px;letter-spacing:.2em;opacity:.65}.art-1{background:#efe1dc;color:#a86c6b}.art-1 .art-core{border-radius:50% 50% 12% 50%;transform:rotate(35deg)}.art-1 .art-core svg{transform:rotate(-35deg)}.art-2{background:#dce5ea;color:#60889f}.art-2 .art-orbit{border-radius:20%;transform:rotate(35deg)}.art-3{background:#e8e1ec;color:#8c709a}.art-3 .art-core{border-radius:50%}.art-4{background:#eee6cf;color:#a28a4a}.art-4 .art-orbit{border-radius:0;transform:rotate(45deg)}.art-5{background:#dce9e5;color:#4c928b}.card-body{padding:19px 22px 18px}.card-meta{display:flex;gap:17px;font-size:10px;color:#89948a;margin-bottom:10px}.card-meta span+span:before{content:"·";margin-right:17px}.card-body h3{font-size:18px;font-weight:600;margin-bottom:9px}.card-body>p{font-size:12px;line-height:1.8;height:43px;overflow:hidden;margin-bottom:18px}.card-bottom{border-top:1px solid #eceee5;padding-top:14px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px}.card-bottom>span{color:#9b977f}.card-bottom a{display:flex;align-items:center;gap:8px}.card-bottom svg{width:16px;height:16px}.membership-banner{background:var(--ink);color:white;border-radius:18px;display:flex;align-items:center;gap:26px;padding:42px 48px;position:relative;overflow:hidden}.banner-symbol{border:1px solid #ffffff2b;border-radius:50%;width:85px;height:85px;display:grid;place-items:center;flex-shrink:0;color:#ddc59b}.banner-symbol svg{width:45px;height:45px;stroke-width:1}.membership-banner .eyebrow{color:#c5cbb3;font-size:9px;margin-bottom:9px}.membership-banner h2{font-size:28px;margin-bottom:10px}.membership-banner p{color:#b6c9c8;font-size:12px;margin-bottom:0}.membership-banner .button{margin-left:auto;white-space:nowrap}.editorial{padding-block:45px;display:flex;gap:40px;align-items:baseline}.editorial>span{font-size:11px;white-space:nowrap;color:#a08e6f}.editorial p{font-size:11px;color:#8b9387;margin:0}footer{background:#f0f1e9;margin-top:10px;padding:43px max(48px,calc((100% - 1200px)/2)) 20px}.footer-main{display:flex;justify-content:space-between;gap:35px;padding-bottom:30px}.footer-brand{font-size:21px;margin-bottom:10px}.footer-brand small{font-size:10px}.footer-main p{font-size:12px;margin-bottom:8px}.footer-main small{font-size:10px;color:#939a8e}.footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:14px 27px;font-size:11px;align-content:center}.footer-links button{text-align:left;padding:0}.footer-bottom{border-top:1px solid #dfe3d7;padding-top:19px;font-size:9px;color:#8d9588;display:flex;justify-content:space-between;gap:20px}.detail{padding-top:30px}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:32px}.detail-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.detail-cover{height:425px;overflow:hidden;border-radius:24px;position:relative}.detail-cover .art-core{width:180px;height:180px}.detail-cover .art-core svg{width:100px;height:100px}.detail-cover .art-orbit{width:340px;height:340px}.detail-cover .art-orbit.second{width:270px;height:270px}.detail-cover-caption{position:absolute;bottom:35px;left:0;right:0;text-align:center;font-size:11px;color:#476f63}.detail-copy h1{font-size:39px;margin-bottom:17px}.detail-subtitle{font-size:16px}.detail-meta{display:flex;gap:20px;font-size:12px;margin:24px 0;color:#78897e}.detail-meta svg{width:16px;height:16px}.detail-copy>p:not(.detail-subtitle){font-size:13px}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 29px}.tag-list span{font-size:10px;background:#edf0e7;color:#688574;border-radius:4px;padding:4px 9px}.detail-actions{display:flex;gap:12px}.fineprint{font-size:11px!important;line-height:1.8;color:#8b9285;margin-top:15px}.detail-content{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;margin:70px 0}.detail-content p{font-size:13px}.detail-content h2{font-size:29px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:32px}.feature-grid svg{margin-bottom:15px;color:#83a08d}.feature-grid h3{font-size:16px}.notice-card{padding:25px;background:#eff2e9;border:1px solid #e1e8db;border-radius:14px;font-size:13px}.notice-card h3{font-size:16px;display:flex;align-items:center;gap:8px}.notice-card p{font-size:12px;margin-top:12px}.notice-card a{font-size:12px;text-decoration:underline}.mobile-bottom{display:none}.preview-layout{display:grid;grid-template-columns:1fr .9fr;gap:90px;padding-block:45px 75px;align-items:center}.preview-layout h1{font-size:43px;line-height:1.4}.preview-layout .notice-card{margin:28px 0}.preview-points{margin-bottom:30px}.preview-points p{display:flex;gap:9px;font-size:12px}.preview-points svg{color:var(--green);width:17px;height:17px}.preview-paper{background:#fffefa;border:1px solid #e4e6dc;box-shadow:0 15px 45px #173e4709;padding:50px 40px;border-radius:12px;position:relative;transform:rotate(2deg)}.sample-label{position:absolute;right:18px;top:15px;font-size:9px;color:#a18b65}.preview-paper h2{font-size:35px;line-height:1.5;margin:20px 0}.sample-divider{height:1px;background:var(--line);margin-bottom:30px}.preview-paper h3{font-size:15px;margin-top:25px}.preview-paper p{font-size:12px}.sample-bars{display:flex;flex-direction:column;gap:10px;padding-block:10px}.sample-bars i{display:block;background:linear-gradient(90deg,#bdd0bd var(--w),#f0f2e9 var(--w));height:12px;border-radius:3px}.sample-bars span{font-size:9px;color:#9ca18f}.reflection{font-size:13px;background:#f0f1e8;padding:22px;line-height:1.9;border-left:2px solid #c7ad83}.membership-page{padding-block:65px 80px}.center-heading{text-align:center;margin-bottom:45px}.center-heading .eyebrow{justify-content:center}.center-heading h1{font-size:38px}.center-heading p{font-size:14px}.membership-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:960px;margin:auto}.plan-card{border:1px solid #c9d9c8;border-radius:16px;padding:30px;background:#fffef8;position:relative}.plan-label{font-size:10px;color:#58816d;letter-spacing:.08em;margin-bottom:15px}.plan-card h2{font-size:25px}.price{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.price strong{font-size:46px;line-height:1.3;font-weight:650;letter-spacing:-.05em}.price>span{font-size:12px;color:var(--muted)}.renewal-line{font-size:12px;padding:15px 0 20px;border-bottom:1px solid #e2e7dc;line-height:1.85;color:#617a6d}.benefits{list-style:none;padding:0;margin:24px 0}.benefits li{display:flex;gap:10px;align-items:start;font-size:13px;margin:12px 0}.benefits svg{width:16px;height:16px;color:var(--green);margin-top:3px}.plan-disclosure{background:#f0f2e9;padding:16px;border-radius:8px}.plan-disclosure b{font-size:11px}.plan-disclosure p{font-size:11px;margin:8px 0 0}.membership-info{padding-top:20px}.membership-info h2{font-size:26px;margin-bottom:30px}.step-line{display:flex;gap:18px;margin:25px 0}.step-line>b{height:30px;width:30px;display:grid;place-items:center;border:1px solid #d4ddcf;border-radius:50%;font-size:12px;flex-shrink:0}.step-line h3{font-size:15px;margin:3px 0 8px}.step-line p{font-size:12px}.membership-info .text-button{display:flex}.policy-layout{display:grid;grid-template-columns:210px 1fr;gap:75px;padding-block:55px 90px}.policy-layout aside{display:flex;flex-direction:column;align-items:stretch;gap:10px}.policy-layout aside h2{font-size:18px}.policy-layout aside a,.policy-layout aside button{text-align:left;padding:12px 15px;border-radius:6px;font-size:13px}.policy-layout aside a.active{background:#e9eee2;color:var(--green)}.policy-document{max-width:750px}.policy-document h1{font-size:34px;margin-bottom:35px}.policy-document h2{font-size:20px;margin-top:30px}.policy-document p{font-size:13px;white-space:pre-line;overflow-wrap:anywhere}.quiz-shell{max-width:820px;padding-block:35px 80px;min-height:65vh}.quiz-top{display:flex;justify-content:space-between;font-size:12px;gap:20px;margin:8px 0 18px}progress{width:100%;height:5px;appearance:none;border:0;border-radius:10px;background:#e2e8de}progress::-webkit-progress-bar{background:#e2e8de;border-radius:10px}progress::-webkit-progress-value{background:var(--green);border-radius:10px}.quiz-question{margin-top:45px;padding:38px 45px;background:#fffef9;border:1px solid #e2e7db;border-radius:18px}.quiz-question h1{font-size:26px}.quiz-question>p{font-size:12px}.quiz-options{display:flex;flex-direction:column;gap:13px;margin:25px 0}.quiz-option{border:1px solid #dfe6d8;display:flex;align-items:center;gap:16px;padding:15px 20px;border-radius:9px;text-align:left;font-size:14px;min-height:54px}.quiz-option>span{height:24px;width:24px;border:1px solid #d5dfcd;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.quiz-option.selected{border-color:var(--green);background:#ecf2e7}.quiz-option.selected>span{background:var(--green);color:white;border-color:var(--green)}.quiz-controls{display:flex;justify-content:space-between;gap:15px;margin-top:35px}.quiz-unavailable{text-align:center;padding:55px 20px}.quiz-unavailable>svg{width:45px;height:45px;color:var(--green);margin-bottom:20px}.quiz-unavailable .eyebrow{justify-content:center}.quiz-unavailable h1{font-size:32px}.quiz-unavailable p{font-size:14px}.empty-state{padding:60px 25px;text-align:center;grid-column:1/-1}.empty-state p{font-size:13px}dialog{border:1px solid #e0e4d8;border-radius:20px;padding:0;background:var(--paper);color:var(--ink);width:min(560px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 30px 120px #122f4733}dialog::backdrop{background:#16333480;backdrop-filter:blur(5px)}.modal-open{overflow:hidden}.modal-inner{padding:36px}.modal-close{position:absolute;right:13px;top:12px;padding:6px;border-radius:50%;background:#f0f1e7;display:grid;place-items:center;z-index:2}.modal-close svg{width:18px;height:18px}.modal-inner>h2{font-size:27px;margin-top:8px}.modal-inner>.eyebrow{margin-top:6px;font-size:10px}.modal-inner>p{font-size:13px}.modal-inner .plan-card{padding:23px;margin-bottom:20px}.modal-inner .price strong{font-size:37px}.modal-inner .benefits{margin:15px 0}.full{width:100%}.order-summary{padding:20px;background:#edf1e6;border-radius:10px}.order-summary h3{font-size:17px}.order-summary p{font-size:12px;margin-bottom:10px}.order-summary p:last-child{margin-bottom:0}.agreement{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.85;margin:23px 0}.agreement input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0;margin-top:3px}.inline-link{display:inline;padding:0;color:#347f74;text-decoration:underline;font-size:inherit}.alipay{background:#1976ba;color:white}.alipay-mark{font-weight:700;font-size:18px}.status-icon{width:60px;height:60px;background:#e3ecdd;border-radius:50%;display:grid;place-items:center;margin-bottom:20px}.status-icon svg{width:30px;height:30px}.modal-inner>.notice-card{margin-block:24px}.support-box{border-block:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 10px;margin:22px 0;font-size:14px}.support-box a{text-decoration:underline}.support-box svg{color:var(--green)}.modal-links{display:flex;gap:20px;flex-wrap:wrap}.policy-overlay{position:absolute;inset:0;background:var(--paper);z-index:5;overflow-y:auto;border-radius:20px}.policy-popup{padding:30px}.policy-popup>.button{font-size:11px;margin-bottom:25px}.policy-popup h2{font-size:21px}.policy-popup section h2{font-size:17px;margin-top:25px}.policy-popup p{font-size:12px;white-space:pre-line}.policy-popup:focus{outline:none}#toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);background:var(--ink);color:white;border-radius:8px;padding:12px 20px;max-width:90%;opacity:0;pointer-events:none;font-size:13px;z-index:100;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.hero{min-height:650px}.hero-visual{transform:scale(1.05)}.card-cover{height:210px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header-inner{width:calc(100% - 56px)}.hero{gap:15px}.hero h1{font-size:43px}.hero-visual{transform:scale(.87);transform-origin:center right}.hero-actions{gap:14px;flex-wrap:wrap}.product-grid{gap:18px}.card-body{padding:18px}.membership-banner{padding:30px}.detail-hero{gap:35px}.detail-copy h1{font-size:32px}.detail-content{gap:35px}.detail-actions{flex-wrap:wrap}.preview-layout{gap:40px}.membership-layout{gap:35px}.policy-layout{gap:40px}.footer-links{gap:14px 18px}}
@media(max-width:700px){:root{--radius:16px}.wrap{width:calc(100% - 36px)}.site-header{height:68px}.header-inner{width:calc(100% - 36px)}.brand{font-size:22px;gap:8px}.brand-symbol{font-size:37px}.brand small{font-size:9px}.brand>span:last-child{gap:7px}.site-header nav{display:none}.header-member{font-size:11px;padding:7px 11px;gap:5px}.header-member svg{width:16px;height:16px}.hero{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:31px;padding-bottom:24px;align-items:stretch}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;margin-bottom:14px}.hero h1{font-size:38px;line-height:1.42;letter-spacing:-.055em;margin-bottom:20px}.hero-copy>p{font-size:12px;max-width:320px;line-height:1.9;margin-bottom:21px}.desktop-only{display:none}.hero-actions{gap:20px;flex-wrap:nowrap}.button{min-height:47px;font-size:12px;padding:12px 18px;gap:10px}.hero-actions .text-button{font-size:11px;gap:6px}.hero-actions .text-button svg{width:17px;height:17px}.hero-trust{font-size:10px;gap:18px;margin-top:19px}.hero-trust svg{width:13px;height:13px}.hero-visual{height:325px;transform:none;width:100%;max-width:400px;align-self:center;margin-top:17px}.orb-one{width:260px;height:260px;right:14px;top:19px}.orb-two{width:93px;height:93px;left:21px;bottom:15px}.report-sheet{width:215px;height:288px;left:calc(50% - 91px);top:9px;padding:15px 19px;border-radius:9px;transform:rotate(8deg)}.sheet-top{font-size:6px;padding-bottom:8px}.sheet-heading{padding-top:15px}.tiny-label{font-size:7px}.sheet-heading h3{font-size:20px;margin-top:5px;margin-bottom:17px}.radar{margin-top:-15px}.radar svg{height:113px}.sheet-bottom{font-size:6px;gap:8px;margin-top:1px}.floating-note{left:7px;bottom:31px;padding:12px 16px;font-size:11px;gap:9px;border-radius:9px}.floating-note>svg{width:25px;height:25px}.floating-note small{font-size:8px}.visual-label{font-size:7px;right:9px;top:20px}.visual-caption{font-size:6px;bottom:0;right:12px}.value-strip{padding:17px 0;gap:8px}.value-strip>div{display:block;text-align:center}.value-number{font-size:23px;display:block;margin-bottom:3px}.value-strip b{font-size:10px;font-weight:600;letter-spacing:-.04em}.value-strip small{font-size:8px;margin-top:5px;letter-spacing:-.03em}.value-strip>div+div{border-color:#e1e7dd}.catalog{padding-block:34px}.section-heading{display:block}.section-heading h2{font-size:25px;letter-spacing:-.05em}.section-heading .eyebrow{font-size:8px;margin-bottom:8px}.search-box{margin-top:20px;padding:10px 14px;border-radius:10px}.search-box input{width:100%;font-size:12px}.category-row{margin:18px -18px 0;padding:0 18px 8px;gap:8px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.chip{font-size:11px;padding:7px 15px}.catalog-count{font-size:9px;margin:12px 0 16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}.product-card{border-radius:11px}.card-cover{height:126px}.cover-category{font-size:8px;left:8px;top:8px;padding:3px 7px}.art-core{width:76px;height:76px;border-radius:20px 40px 20px 40px}.art-core svg{width:41px;height:41px}.art-orbit{width:127px;height:127px}.art-orbit.second{width:106px;height:106px}.cover-art small{font-size:5px;bottom:8px;right:8px}.card-body{padding:12px 11px 11px}.card-meta{font-size:8px;gap:7px;margin-bottom:8px}.card-meta span+span:before{margin-right:7px}.card-body h3{font-size:14px;line-height:1.45;margin-bottom:7px;min-height:40px;letter-spacing:-.035em}.card-body>p{font-size:10px;height:36px;line-height:1.8;margin-bottom:12px}.card-bottom{padding-top:10px;font-size:9px;gap:3px}.card-bottom>span{display:none}.card-bottom a{width:100%;justify-content:space-between;gap:4px}.card-bottom svg{width:14px;height:14px}.membership-banner{display:grid;grid-template-columns:1fr auto;gap:18px;padding:25px 23px;border-radius:13px}.banner-symbol{grid-column:2;grid-row:1;width:48px;height:48px}.banner-symbol svg{width:28px;height:28px}.membership-banner>div:nth-child(2){grid-column:1;grid-row:1}.membership-banner .eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:10px}.membership-banner h2{font-size:21px;margin-bottom:7px;letter-spacing:-.05em}.membership-banner p{font-size:10px}.membership-banner .button{grid-column:1/-1;width:100%;margin:0;min-height:43px}.editorial{display:block;padding-block:28px}.editorial>span{display:block;font-size:10px;margin-bottom:9px}.editorial p{font-size:9px;line-height:1.9}.editorial br{display:none}footer{padding:28px 20px 24px}.footer-main{display:block;padding-bottom:22px}.footer-brand{font-size:19px}.footer-main p{font-size:11px}.footer-main small{font-size:9px}.footer-links{grid-template-columns:repeat(3,1fr);margin-top:23px;gap:14px 9px;font-size:10px}.footer-bottom{display:flex;flex-wrap:wrap;gap:9px;font-size:8px;padding-top:17px}.footer-bottom span:last-child{width:100%}.detail{padding-top:21px}.back-link{font-size:11px;margin-bottom:20px}.detail-hero{display:flex;flex-direction:column;gap:26px}.detail-cover{width:100%;height:265px;border-radius:16px}.detail-cover .art-core{width:125px;height:125px}.detail-cover .art-core svg{width:75px;height:75px}.detail-cover .art-orbit{width:235px;height:235px}.detail-cover .art-orbit.second{width:195px;height:195px}.detail-cover-caption{font-size:9px;bottom:20px}.detail-copy{width:100%}.detail-copy h1{font-size:30px;margin-bottom:14px}.detail-copy .eyebrow{font-size:9px}.detail-subtitle{font-size:13px}.detail-meta{font-size:10px;gap:17px;margin:20px 0}.detail-copy>p:not(.detail-subtitle){font-size:12px}.tag-list{margin:18px 0 23px;gap:8px}.tag-list span{font-size:9px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fineprint{font-size:10px!important}.detail-content{display:flex;flex-direction:column;gap:25px;margin:35px 0}.detail-content h2{font-size:24px}.detail-content p{font-size:12px}.feature-grid{gap:20px;margin-top:25px}.feature-grid h3{font-size:14px}.feature-grid p{font-size:11px}.notice-card{padding:20px;font-size:12px}.notice-card p{font-size:11px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffdf6f5;backdrop-filter:blur(10px);padding:10px 18px max(10px,env(safe-area-inset-bottom));gap:22px;align-items:center;border-top:1px solid #e4e8dc;z-index:10;box-shadow:0 -5px 25px #163d4507}.mobile-bottom .button{flex:1}.mobile-bottom>a:last-child{font-size:12px;white-space:nowrap}body:has(.mobile-bottom) footer{padding-bottom:100px}.preview-layout{display:flex;flex-direction:column;gap:36px;padding-block:24px 40px;align-items:stretch}.preview-layout h1{font-size:33px}.preview-layout .notice-card{margin:22px 0}.preview-points{margin-bottom:23px}.preview-points p{font-size:11px}.preview-layout>div:first-child>.button{width:100%}.preview-paper{padding:35px 26px;transform:none;margin:0 5px}.preview-paper h2{font-size:30px}.preview-paper p{font-size:11px}.preview-paper .tiny-label{font-size:8px}.membership-page{padding-block:35px 45px}.center-heading{text-align:left;margin-bottom:25px}.center-heading .eyebrow{justify-content:flex-start;font-size:9px}.center-heading h1{font-size:29px}.center-heading p{font-size:12px}.membership-layout{display:flex;flex-direction:column;gap:25px}.plan-card{padding:25px}.price strong{font-size:42px}.price>span{font-size:11px}.renewal-line{font-size:11px}.membership-info{padding:10px 5px}.membership-info h2{font-size:23px;margin-bottom:23px}.membership-info>.button{width:100%}.policy-layout{display:block;padding-block:30px 45px}.policy-layout aside{display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:12px;margin-bottom:27px}.policy-layout aside h2{display:none}.policy-layout aside a,.policy-layout aside button{white-space:nowrap;font-size:11px;padding:8px 13px;border:1px solid var(--line)}.policy-document h1{font-size:28px;margin-bottom:25px}.policy-document h2{font-size:18px}.policy-document p{font-size:12px}.quiz-shell{padding-block:23px 40px}.quiz-top{font-size:10px}.quiz-question{padding:25px 18px;margin-top:27px;border-radius:13px}.quiz-question h1{font-size:22px}.quiz-question>p{font-size:11px}.quiz-options{gap:10px}.quiz-option{padding:13px;font-size:12px;gap:12px}.quiz-unavailable{padding:40px 7px}.quiz-unavailable h1{font-size:27px}.quiz-unavailable p{font-size:12px}dialog{border-radius:18px;width:calc(100% - 24px);max-height:calc(100dvh - 32px)}.modal-inner{padding:30px 22px 25px}.modal-inner>h2{font-size:23px}.modal-inner>.eyebrow{font-size:8px}.modal-inner>p{font-size:12px}.modal-inner .plan-card{padding:18px}.modal-inner .plan-card h2{font-size:21px}.modal-inner .price strong{font-size:33px}.modal-inner .plan-disclosure{padding:12px}.modal-inner .benefits li{font-size:11px}.agreement{font-size:11px;gap:10px}.order-summary{padding:16px}.order-summary p{font-size:11px}.support-box{font-size:12px}.policy-popup{padding:25px 22px}.policy-popup p{font-size:11px}}
.question-text{white-space:pre-line;scroll-margin-top:20px}.quiz-question .question-text.multiline{font-size:22px;line-height:1.65;letter-spacing:0}@media(max-width:700px){.quiz-question .question-text.multiline{font-size:17px;line-height:1.8}.quiz-top{scroll-margin-top:18px}}
.company-details{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:10px;color:#71816f;padding-bottom:20px}.company-details a{text-decoration:underline;text-underline-offset:3px}.site-header .brand{font-size:22px}.site-header .brand>span:last-child{gap:8px}@media(max-width:700px){.site-header .brand{font-size:17px;letter-spacing:0}.site-header .brand>span:last-child{display:flex;flex-direction:column;gap:0;line-height:1.3}.site-header .brand small{font-size:7px;letter-spacing:.25em;margin-top:3px}.company-details{font-size:9px;gap:7px}.company-details span{width:100%}.footer-brand{font-size:18px}.footer-links{grid-template-columns:repeat(2,1fr)}}
.host-restriction{max-width:720px;margin:14vh auto;padding:32px}.host-restriction h1{font-size:36px;line-height:1.5;overflow-wrap:anywhere}.host-restriction p{font-size:14px}.host-restriction .button{margin-top:12px}@media(max-width:700px){.host-restriction{margin:10vh auto;padding:26px}.host-restriction h1{font-size:25px}.host-restriction p{font-size:12px}}
/* Readability revision 002: real reading text stays 14–16px; only decorative artwork labels are smaller. */
:root{--muted:#536b6e;font-size:16px;line-height:1.65}
.site-header nav{font-size:16px}.header-member{font-size:14px;min-height:44px}.button{font-size:16px;min-height:48px;line-height:1.5}.text-button{font-size:15px;line-height:1.65}.eyebrow{font-size:12px;line-height:1.6}.brand small,.footer-brand small{font-size:12px}
.hero-copy>p{font-size:17px;line-height:1.85}.hero-actions .text-button{font-size:15px}.hero-trust{font-size:14px;line-height:1.7;color:#536b64}.hero-trust svg{width:17px;height:17px}.floating-note small{font-size:12px}.visual-caption{font-size:12px;line-height:1.6;color:#566b63}.sheet-top,.sheet-top small,.sheet-bottom,.tiny-label{font-size:10px;line-height:1.5}.visual-label{font-size:10px}
.value-strip b{font-size:16px;line-height:1.65}.value-strip small{font-size:14px;line-height:1.75;color:#536b64}.search-box input{font-size:16px}.chip{font-size:14px;min-height:42px}.catalog-count{font-size:14px;color:#536b64}.cover-category{font-size:14px;line-height:1.6}
.card-body{display:flex;flex-direction:column}.card-meta{font-size:14px;line-height:1.65;flex-wrap:wrap;gap:4px 12px;color:#536b64}.card-meta span+span:before{margin-right:12px}.card-body h3{font-size:21px;line-height:1.5;letter-spacing:-.02em}.card-body>p{font-size:16px;line-height:1.75;height:auto;min-height:3.5em;overflow:visible;margin-bottom:20px}.card-bottom{font-size:14px;line-height:1.65;margin-top:auto}.card-bottom>span{color:#626a52}.card-bottom a{min-height:32px}
.membership-banner .eyebrow{font-size:12px}.membership-banner p{font-size:16px;line-height:1.8;color:#d1e0dc}.membership-banner>div:nth-child(2){min-width:0}.editorial{gap:28px;padding-block:34px}.editorial>span{font-size:15px;font-weight:600;color:#7e6540}.editorial p{font-size:15px;line-height:1.85;color:#52665b}
.footer-main p{font-size:16px;line-height:1.75}.footer-main small{font-size:14px;line-height:1.8;color:#52665b}.footer-links{font-size:15px;line-height:1.8;gap:12px 26px}.footer-links a,.footer-links button{min-height:32px;display:flex;align-items:center}.company-details{font-size:14px;line-height:1.85;gap:10px 22px;color:#52665b;padding-bottom:24px}.footer-bottom{font-size:14px;line-height:1.8;color:#52665b;flex-wrap:wrap}.company-details a{text-underline-offset:4px}
.back-link{font-size:15px;line-height:1.7}.detail-cover-caption{font-size:12px}.detail-meta{font-size:14px;line-height:1.7;flex-wrap:wrap}.detail-copy>p:not(.detail-subtitle),.detail-content p,.feature-grid p,.preview-points p,.preview-paper p,.center-heading p,.step-line p,.policy-document p,.quiz-unavailable p,.empty-state p,.modal-inner>p,.policy-popup p{font-size:16px;line-height:1.85}.detail-subtitle{font-size:18px;line-height:1.8}.detail-copy .eyebrow{font-size:12px}.tag-list span{font-size:14px;line-height:1.6}.fineprint{font-size:14px!important;line-height:1.8!important}.notice-card p,.notice-card a{font-size:15px;line-height:1.8}.notice-card h3,.feature-grid h3{font-size:18px}.sample-label,.sample-bars span{font-size:14px;line-height:1.7}.reflection{font-size:16px;line-height:1.8}
.plan-label{font-size:14px}.price>span{font-size:16px}.renewal-line{font-size:16px;line-height:1.8}.benefits li,.modal-inner .benefits li{font-size:16px;line-height:1.8}.plan-disclosure b,.plan-disclosure p{font-size:14px;line-height:1.8}.step-line h3{font-size:18px}.policy-layout aside a{font-size:15px}.policy-document h2{font-size:22px}.quiz-top{font-size:14px;line-height:1.7}.quiz-question>p{font-size:16px;line-height:1.8}.quiz-option{font-size:16px;line-height:1.75}.quiz-option small{font-size:14px}.modal-inner>.eyebrow{font-size:12px}.order-summary p{font-size:16px;line-height:1.8}.agreement{font-size:14px;line-height:1.8;gap:12px}.agreement input{width:20px;height:20px;flex-shrink:0;margin-top:4px}.support-box{font-size:16px;line-height:1.8}.policy-popup>.button{font-size:14px}.mobile-bottom>a:last-child{font-size:15px}.host-restriction p{font-size:16px;line-height:1.8}
@media(max-width:1000px){.footer-main{flex-wrap:wrap}.membership-banner{flex-wrap:wrap}.membership-banner .button{margin-left:0}}
@media(max-width:700px){
 .site-header .brand{font-size:18px}.site-header .brand small{font-size:10px}.header-member{font-size:14px;padding:9px 12px}.header-member svg{width:18px;height:18px}.hero-copy>p{font-size:16px;line-height:1.85;max-width:none}.hero-actions{flex-wrap:wrap;gap:12px 18px}.hero-actions .text-button{font-size:14px}.hero-trust{font-size:14px;gap:10px 18px;flex-wrap:wrap}.hero-visual{height:365px;margin-top:22px}.visual-caption{font-size:12px;bottom:0;right:0;left:0;text-align:center}.floating-note{font-size:14px;bottom:37px}.floating-note small{font-size:12px}.sheet-top,.sheet-bottom,.tiny-label{font-size:10px}.sheet-heading h3{font-size:20px}.visual-label{font-size:10px;right:0}
 .value-strip{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-block:24px}.value-strip>div{display:flex;align-items:center;gap:16px;justify-content:flex-start;border-right:0}.value-strip b{font-size:16px}.value-strip small{font-size:14px;display:block}.value-number{min-width:36px}.section-heading .eyebrow{font-size:12px}.search-box input{font-size:16px}.chip{font-size:14px;min-height:44px}.catalog-count{font-size:14px}.cover-category{font-size:13px}.card-body{padding:15px 13px 12px}.card-meta{font-size:14px;gap:3px 8px;margin-bottom:10px}.card-meta span+span:before{display:none}.card-body h3{font-size:18px;line-height:1.55;min-height:3.1em;margin-bottom:10px}.card-body>p{font-size:15px;line-height:1.75;height:auto;min-height:5.25em;margin-bottom:14px}.card-bottom{font-size:14px}.card-bottom svg{width:18px;height:18px}.card-bottom a:not(.card-go){min-height:36px}
 .membership-banner{grid-template-columns:minmax(0,1fr);padding:28px 23px}.banner-symbol{display:none}.membership-banner>div:nth-child(2){grid-column:1;grid-row:auto}.membership-banner .eyebrow{font-size:12px}.membership-banner h2{font-size:26px}.membership-banner p{font-size:16px;line-height:1.8}.membership-banner .button{font-size:16px;min-height:48px}.editorial{padding-block:28px}.editorial>span{font-size:15px}.editorial p{font-size:15px;line-height:1.85}.footer-main p{font-size:16px}.footer-main small,.company-details{font-size:14px}.footer-links{font-size:15px;gap:12px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{font-size:14px;gap:12px}.footer-brand{font-size:21px}.footer-brand small{font-size:12px}.company-details{gap:10px;line-height:1.85}
 .detail-meta{font-size:14px}.detail-copy .eyebrow{font-size:12px}.detail-subtitle{font-size:17px}.detail-copy>p:not(.detail-subtitle),.detail-content p,.feature-grid p,.preview-points p,.preview-paper p,.center-heading p,.step-line p,.policy-document p,.quiz-unavailable p,.modal-inner>p,.policy-popup p{font-size:16px}.tag-list span{font-size:14px}.notice-card p,.notice-card a{font-size:15px}.feature-grid h3{font-size:17px}.preview-paper .tiny-label{font-size:11px}.policy-document h2{font-size:21px}.quiz-top{font-size:14px}.quiz-question>p,.quiz-option{font-size:16px}.order-summary p,.modal-inner .benefits li{font-size:16px}.modal-inner>.eyebrow{font-size:12px}.agreement{font-size:14px}.policy-popup>.button{font-size:14px}.host-restriction p{font-size:16px}
}
/* Readability 002 QA finish: preserve natural text flow, roomy controls, and clear disclosures. */
.header-member,.chip,.card-bottom a:not(.card-go),.hero-actions .text-button,.policy-layout aside button,.policy-popup>.button{font-size:15px;min-height:44px}
.agreement{min-height:44px}.header-member{flex-shrink:0}.site-header .brand{min-width:0}.text-button{min-height:44px}.footer-links a,.footer-links button{min-height:44px}.card-meta>span{white-space:nowrap}
.product-card{display:flex;flex-direction:column;min-width:0}.card-body{flex:1;min-width:0}.card-body>p{height:auto;overflow:visible}.card-bottom a{font-weight:600}
.fineprint,.sample-bars span{color:#536b64}.visual-caption{font-size:14px;color:#435e54;line-height:1.7}.sheet-bottom,.floating-note small{color:#536b64}.preview-paper .sample-label{position:static;display:block;margin-bottom:16px;color:#77613d}.preview-paper .tiny-label{font-size:12px;color:#536b64}.reflection{color:var(--ink)}
.policy-layout aside button{line-height:1.7}.policy-popup>.button{position:sticky;top:0;z-index:2;background:var(--paper);box-shadow:0 6px 12px var(--paper)}
dialog{overflow:hidden}.modal-inner{max-height:calc(90dvh - 2px);overflow-y:auto;overscroll-behavior:contain}.policy-overlay{overscroll-behavior:contain}
.modal-close{position:sticky;top:0;float:right;margin:-18px -12px 3px 12px;width:44px;height:44px;min-width:44px;min-height:44px;z-index:3;background:#e8eee2}.modal-close svg{width:22px;height:22px}.modal-inner>.eyebrow{padding-right:36px}.modal-inner>h2{clear:both}.policy-popup h2{overflow-wrap:anywhere}
.quiz-guidance{padding:18px 20px;border-left:3px solid #719989;background:#eff3e9;border-radius:0 10px 10px 0;color:#365951}.quiz-option>span{font-size:14px;width:28px;height:28px}.quiz-top span:first-child{min-width:0}.quiz-top span:last-child{white-space:nowrap}
@media(max-width:700px){
 .header-member{font-size:15px;padding:9px 10px}.hero-actions .text-button{font-size:15px}.hero-visual{height:390px}.visual-caption{font-size:14px}.value-strip>div+div{border-left:0}.card-bottom a:not(.card-go){font-size:15px;min-height:44px}.card-body>p{font-size:15px;line-height:1.8}.product-grid>.product-card:last-child:nth-child(odd){grid-column:1/-1}.product-grid>.product-card:last-child:nth-child(odd) .card-cover{height:auto;aspect-ratio:16/7}.product-grid>.product-card:last-child:nth-child(odd) .card-body h3{min-height:0}.product-grid>.product-card:last-child:nth-child(odd) .card-body>p{min-height:0}.product-grid>.product-card:last-child:nth-child(odd) .card-bottom>span{display:block;font-size:14px}.product-grid>.product-card:last-child:nth-child(odd) .card-bottom a{width:auto;gap:14px}.detail-actions{grid-template-columns:minmax(0,1fr)}.mobile-bottom{gap:16px}.modal-inner{padding:32px 22px 25px;max-height:calc(100dvh - 34px)}.modal-close{margin:-20px -10px 3px 10px}.modal-inner>.eyebrow{padding-right:36px}.policy-popup>.button{font-size:15px}.quiz-guidance{padding:16px}.policy-layout aside a,.policy-layout aside button{font-size:15px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* 支付宝代扣取消图文步骤（订阅政策 / 退款政策）：截图卡片 + 放大预览 */
.cancel-guide{margin:26px 0 8px;padding:26px 24px 22px;border:1px solid var(--line);border-radius:18px;background:#fff}.cancel-guide-head{display:flex;gap:16px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line)}.cancel-guide-mark{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#1976ba;color:#fff;display:grid;place-items:center}.cancel-guide-mark .alipay-mark{font-size:20px;line-height:1}.cancel-guide-head h3{font-size:18px;margin:2px 0 6px;letter-spacing:-.02em}.cancel-guide-head p{margin:0;font-size:14px;line-height:1.7}
.cancel-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px;margin-top:22px}.cancel-step{display:flex;flex-direction:column;gap:12px;min-width:0}.cancel-step-shot{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f3f5f1;cursor:zoom-in;transition:transform .2s,box-shadow .2s}.cancel-step-shot:hover{transform:translateY(-2px);box-shadow:0 12px 30px #173e4722}.cancel-step-shot img{display:block;width:100%;height:auto;aspect-ratio:720/1480;object-fit:cover;object-position:top}.cancel-step-copy{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline}.cancel-step-no{grid-row:1/3;font-family:Georgia,serif;font-size:26px;line-height:1;color:var(--green);font-weight:700}.cancel-step-copy h4{margin:0;font-size:15px;line-height:1.5;letter-spacing:-.01em}.cancel-step-copy p{margin:4px 0 0;font-size:13px;line-height:1.7}.cancel-guide-note{display:flex;gap:10px;align-items:flex-start;margin:22px 0 0;padding:14px 16px;border-radius:12px;background:#f2f6f0;font-size:13px;line-height:1.7;color:#3f5a58}.cancel-guide-note svg{width:18px;height:18px;flex-shrink:0;margin-top:3px;color:var(--green)}
.cancel-zoom{margin:18px 0 16px;border:1px solid var(--line);border-radius:14px;overflow:auto;background:#f3f5f1;max-height:min(62dvh,760px)}.cancel-zoom img{display:block;width:100%;height:auto}.cancel-zoom-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.cancel-zoom-nav .button{min-height:44px;padding:10px 18px;font-size:13px}
@media(max-width:1000px){.cancel-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cancel-guide{padding:20px 16px 18px;border-radius:14px;margin-top:20px}.cancel-guide-head{gap:12px}.cancel-guide-mark{width:38px;height:38px;border-radius:10px}.cancel-guide-head h3{font-size:17px}.cancel-guide-head p{font-size:14px}.cancel-steps{grid-template-columns:1fr;gap:20px}.cancel-step{flex-direction:row;align-items:flex-start;gap:14px}.cancel-step-shot{flex:0 0 132px;width:132px;border-radius:12px}.cancel-step-shot img{aspect-ratio:720/1480}.cancel-step-copy{flex:1;min-width:0}.cancel-step-no{font-size:24px}.cancel-step-copy h4{font-size:15px}.cancel-step-copy p{font-size:14px;line-height:1.75}.cancel-guide-note{font-size:14px}.cancel-zoom{max-height:min(58dvh,640px)}.cancel-zoom-nav .button{flex:1;font-size:14px}}

/* ===== Storefront v2（2026-09-22）：主视觉插画 + 入场/悬浮动效 + 统计条 + 产品页三步与相关推荐。只追加，不改上面的旧规则。 ===== */
:root{--ink:#14313a;--muted:#546b6e;--green:#2f6f66;--teal:#1f5a5a;--gold:#d2ad72;--paper:#f8f6f0;--card:#ffffff;--shadow:0 18px 44px rgba(20,49,58,.12)}
body{background:radial-gradient(1200px 600px at 85% -10%,#e5efe9 0%,transparent 60%),radial-gradient(900px 500px at -10% 30%,#f3ecdc 0%,transparent 55%),var(--paper)}
.site-header{position:sticky;top:0;z-index:40;backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px);background:rgba(248,246,240,.82);border-bottom:1px solid rgba(20,49,58,.08)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*70ms)}.reveal.in{opacity:1;transform:none}
.hero.v2{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;min-height:600px;padding-block:56px 40px}
.hero.v2 h1{font-size:56px;line-height:1.18;letter-spacing:-.04em;margin-bottom:20px}.hero.v2 h1 .hl{background:linear-gradient(120deg,#2f6f66,#1f5a5a);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.hero.v2 h1 .hl:after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.36em;background:linear-gradient(90deg,#d2ad7266,#d2ad7200);border-radius:4px;z-index:-1}
.hero.v2 .hero-copy>p{font-size:18px;max-width:520px}.hero.v2 .hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:8px}.hero.v2 .hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;color:#4d665f;font-size:14px}.hero.v2 .hero-trust span{display:inline-flex;align-items:center;gap:6px}
.hero-visual.v2{position:relative;height:520px;transform:none}.hero-art{position:absolute;inset:0;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#123c44;isolation:isolate}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;display:block;transform:scale(1.04);animation:heroDrift 18s ease-in-out infinite alternate}.hero-art-glow{position:absolute;inset:auto -20% -40% -20%;height:70%;background:radial-gradient(closest-side,#d2ad7255,transparent 70%);mix-blend-mode:screen;pointer-events:none;animation:glowPulse 6s ease-in-out infinite}
@keyframes heroDrift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-1.5%,1%,0)}}@keyframes glowPulse{0%,100%{opacity:.6}50%{opacity:1}}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-float{position:absolute;display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(20,49,58,.16);font-size:14px;color:var(--ink);backdrop-filter:blur(8px);animation:floatY 6s ease-in-out infinite}.hero-float small{display:block;color:#5c7470;font-size:12px}.hero-float b{display:block;font-size:15px}.hero-float .hf-label{font-size:11px;letter-spacing:.14em;color:#7e6540;text-transform:uppercase}.hero-float svg{width:24px;height:24px;color:var(--gold)}
.hero-float-a{left:-18px;top:28px;flex-direction:column;align-items:flex-start;gap:2px;animation-delay:-1s}.hero-float-b{left:-10px;bottom:36px;animation-delay:-3s}.hero-float-c{right:-10px;top:52%;font-size:13px;padding:10px 14px;animation-delay:-2s}.hf-dot{width:8px;height:8px;border-radius:50%;background:#2f6f66;box-shadow:0 0 0 4px #2f6f6622;animation:glowPulse 2.4s ease-in-out infinite}
.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:10px;padding:22px 26px;border-radius:20px;background:var(--card);box-shadow:0 10px 30px rgba(20,49,58,.06);border:1px solid rgba(20,49,58,.06)}.stats-strip>div{display:flex;flex-direction:column;gap:4px;padding-left:16px;border-left:2px solid #e3e9e2}.stats-strip>div:first-child{border-left:0;padding-left:0}.stats-strip b{font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.1;letter-spacing:-.02em;color:var(--teal);font-variant-numeric:tabular-nums}.stats-strip small{font-size:14px;color:#5c7470}
.value-strip.v2{margin-top:26px}.value-strip.v2>div{transition:transform .35s ease}.value-strip.v2>div:hover{transform:translateY(-3px)}
.product-grid.v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.product-card.v2{position:relative;border-radius:22px;background:var(--card);border:1px solid rgba(20,49,58,.07);box-shadow:0 8px 24px rgba(20,49,58,.05);overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .45s ease}.product-card.v2:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#d2ad7255}
.product-card.v2 .card-cover{position:relative;display:block;height:auto;aspect-ratio:16/9;overflow:hidden;background:#123c44}.product-card.v2 .cover-picture,.product-card.v2 .cover-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.product-card.v2:hover .cover-image{transform:scale(1.06)}.product-card.v2 .card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,30,36,.55));pointer-events:none}
.product-card.v2 .cover-category{position:absolute;left:14px;top:14px;z-index:2;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--teal);font-size:12px;font-weight:700;letter-spacing:.04em}.product-card.v2 .cover-meta{position:absolute;left:16px;bottom:12px;z-index:2;color:#fff;font-size:13px;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.product-card.v2 .card-body{padding:18px 20px 18px}.product-card.v2 .card-body h3{font-size:20px;margin-bottom:8px;min-height:0}.product-card.v2 .card-body>p{font-size:15px;line-height:1.75;min-height:2.6em;margin-bottom:14px}.product-card.v2 .card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.product-card.v2 .card-bottom>span{color:#7e6540;background:#f6efe1;padding:4px 10px;border-radius:999px;font-size:12px}.product-card.v2 .card-bottom a{display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-weight:700}.product-card.v2 .card-bottom a svg{transition:transform .3s}.product-card.v2:hover .card-bottom a svg{transform:translateX(4px)}
.membership-banner.v2{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(115deg,#153f47,#245f5a 60%,#2d6f66);box-shadow:var(--shadow)}.membership-banner.v2:before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,#d2ad7244,transparent 70%);animation:floatY 9s ease-in-out infinite}
.detail.v2 .detail-hero.v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;margin-top:18px}.detail-cover.v2{position:relative;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:#123c44;aspect-ratio:16/10}.detail-cover.v2 .cover-picture,.detail-cover.v2 .cover-image{display:block;width:100%;height:100%;object-fit:cover;animation:heroDrift 22s ease-in-out infinite alternate}.detail-cover-badge{position:absolute;left:18px;top:18px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--teal);font-size:13px;font-weight:700}
.detail.v2 .detail-copy h1{font-size:44px;line-height:1.2;letter-spacing:-.035em}.detail.v2 .detail-meta{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0 18px;color:#4d665f}.detail.v2 .detail-meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#eef2ec;font-size:14px}.detail.v2 .detail-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.detail.v2 .detail-actions .button.primary{box-shadow:0 12px 28px rgba(31,90,90,.28)}
.detail-steps.v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:44px 0 10px}.detail-steps.v2>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;padding:18px 20px;border-radius:18px;background:var(--card);border:1px solid rgba(20,49,58,.07);transition:transform .35s ease,box-shadow .35s ease}.detail-steps.v2>div:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.detail-steps.v2 span{grid-row:1/3;font-family:Georgia,serif;font-size:28px;color:var(--gold);line-height:1}.detail-steps.v2 b{font-size:16px}.detail-steps.v2 small{color:#5c7470;font-size:14px}
.detail-content.v2{margin-top:30px}.related.v2{margin-top:56px}.related-grid{margin-top:8px}
@media(max-width:1000px){.hero.v2{grid-template-columns:1fr;min-height:0;gap:26px}.hero.v2 h1{font-size:44px}.hero-visual.v2{height:400px}.hero-float-a{left:8px}.hero-float-b{left:8px}.hero-float-c{right:8px}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.stats-strip>div:nth-child(3){border-left:0;padding-left:0}.product-grid.v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail.v2 .detail-hero.v2{grid-template-columns:1fr;gap:26px}.detail-steps.v2{grid-template-columns:1fr}}
@media(max-width:700px){.hero.v2{padding-top:26px;padding-bottom:18px}.hero.v2 h1{font-size:36px;line-height:1.3}.hero.v2 .hero-copy>p{font-size:15px}.hero-visual.v2{height:300px;max-width:none;margin-top:8px}.hero-art{border-radius:20px}.hero-float{font-size:13px;padding:10px 12px}.hero-float-a{left:10px;top:14px}.hero-float-a b{font-size:14px}.hero-float-b{left:10px;bottom:16px}.hero-float-c{display:none}.stats-strip{padding:16px 14px}.stats-strip b{font-size:26px}.stats-strip small{font-size:12px}.product-grid.v2{grid-template-columns:1fr;gap:16px}.product-card.v2 .card-cover{aspect-ratio:16/9}.product-card.v2 .card-body{padding:14px 16px 14px}.product-card.v2 .card-body h3{font-size:18px;min-height:0}.product-card.v2 .card-body>p{font-size:14px;min-height:0}.product-grid.v2>.product-card:last-child:nth-child(odd) .card-cover{aspect-ratio:16/9}.detail.v2 .detail-copy h1{font-size:30px}.detail-cover.v2{aspect-ratio:16/10;border-radius:18px}.related-grid{grid-template-columns:1fr}}

/* v2 覆盖旧规则冲突：主视觉/详情封面尺寸与层级 */
.hero-visual.v2{height:520px;width:100%;max-width:none;transform:none!important;transform-origin:center;align-self:stretch;margin-top:0;z-index:1}
.hero-art{z-index:0}.hero-art img{position:absolute;inset:0;width:100%;height:100%}
.detail-cover.v2{height:auto!important;min-height:0;aspect-ratio:16/10;width:100%;z-index:0}.detail-cover.v2 .cover-picture{display:block;width:100%;height:100%}.detail-cover.v2 img{position:absolute;inset:0;width:100%;height:100%}
.detail.v2 .detail-hero.v2{gap:56px}.detail.v2 .detail-copy{position:relative;z-index:1;min-width:0}
.product-card.v2 .cover-picture{position:absolute;inset:0}.product-card.v2 .cover-picture img{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:1000px){.hero-visual.v2{height:420px}}
@media(max-width:700px){.hero-visual.v2{height:300px;transform:none!important}.detail-cover.v2{aspect-ratio:16/10}}
/* ===== Storefront v3（2026-09-22）：按绘图插件整页 UI 稿重排 —— 纸感底、墨绿主色、金色细节、圆形箭头、手写体点缀、页脚三栏。追加在 v2 之后，覆盖同名规则。 ===== */
:root{--ink:#1c3a3d;--muted:#5b6f6e;--green:#1f5a5a;--teal:#1f5a5a;--gold:#c9a45c;--gold-soft:#e9d9b8;--paper:#f6f2ea;--card:#fffdf8;--line:#e6e0d3}
body{background:radial-gradient(1100px 520px at 88% -8%,#e8efe8 0%,transparent 60%),radial-gradient(800px 480px at -8% 28%,#f3eadb 0%,transparent 55%),var(--paper)}
h1,h2,h3{color:var(--ink)}.gold-rule{display:inline-block;width:38px;height:2px;margin-left:14px;vertical-align:middle;background:var(--gold);border-radius:2px}
.script,.hero-script,.banner-script,.notice-script,.editorial-side{font-family:"STXingkai","KaiTi","Kaiti SC","Segoe Script","Brush Script MT",cursive;color:#a88a4f}
/* 头部 */
.site-header.v3{height:84px;background:rgba(246,242,234,.86)}.site-header.v3 .brand small{display:block;font-size:11px;letter-spacing:.04em;color:#6b7a75;margin-top:2px}.site-header.v3 .brand>span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.2}.site-header.v3 nav a.active{color:var(--teal);font-weight:700}.site-header.v3 nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:2px;background:var(--teal);border-radius:2px}
.site-header.v3 .header-member{background:var(--teal);color:#fff;border:0;border-radius:999px;padding:10px 18px;gap:8px;box-shadow:0 8px 20px rgba(31,90,90,.25);transition:transform .25s,box-shadow .25s}.site-header.v3 .header-member:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(31,90,90,.32)}.site-header.v3 .header-member svg{width:18px;height:18px;color:#fff}
/* 首屏 */
.hero.v3{padding-block:52px 36px;min-height:600px}.hero.v3 .eyebrow{color:#a88a4f;font-weight:600;letter-spacing:.14em}.hero.v3 .eyebrow>span{background:var(--gold)}.hero.v3 h1{font-size:54px;color:var(--ink)}.hero.v3 h1 .hl{background:none;color:var(--teal);-webkit-text-fill-color:currentColor}.hero.v3 h1 .hl:after{height:.38em;bottom:.02em;background:linear-gradient(90deg,#e9d9b8cc,#e9d9b800)}
.hero.v3 .hero-copy>p{font-size:17px;color:#5b6f6e}.hero.v3 .hero-actions .text-button{color:var(--ink);font-weight:600}.hero-script{margin-top:26px;font-size:26px;letter-spacing:.02em;opacity:.9}
.hero-visual.v3{height:540px}.hero-visual.v3 .hero-art{border-radius:26px;box-shadow:0 26px 60px rgba(28,58,61,.22)}.hero-art-caption{position:absolute;left:26px;top:26px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45)}.hero-art-caption b{display:block;font-size:26px;letter-spacing:.06em;line-height:1.3}.hero-art-caption span{display:block;font-size:16px;letter-spacing:.2em;opacity:.9;margin-top:4px}.hero-art-corner{position:absolute;right:22px;bottom:18px;color:#f1e6cf;font-size:10px;letter-spacing:.28em;opacity:.85}
.hero-visual.v3 .hero-float{flex-direction:row;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;box-shadow:0 16px 36px rgba(28,58,61,.18)}.hero-visual.v3 .hero-float>svg{width:34px;height:34px;padding:7px;border-radius:12px;background:#eef3ec;color:var(--teal);flex-shrink:0}.hero-visual.v3 .hero-float b{font-size:15px;color:var(--ink)}.hero-visual.v3 .hero-float small{color:#6b7a75;font-size:12px}
.hero-visual.v3 .hero-float-a{left:auto;right:-26px;top:96px;max-width:260px}.hero-visual.v3 .hero-float-b{left:auto;right:-14px;bottom:70px;max-width:260px}
/* 统计条 */
.stats-strip.v3{border:1px solid var(--line);background:var(--card);box-shadow:0 14px 34px rgba(28,58,61,.06)}.stats-strip.v3 b{color:var(--teal);font-size:36px}.stats-strip.v3 small{color:#6b7a75}
/* 三步 */
.steps.v3{margin-top:46px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;flex-wrap:wrap}.section-heading h2{font-size:28px;margin:0;display:inline-flex;align-items:center}.section-note{font-size:14px;color:#8a8a7f}
.steps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.steps-row>div{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:2px;align-items:center;padding:22px 24px 22px 20px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 26px rgba(28,58,61,.05);transition:transform .35s ease,box-shadow .35s ease}.steps-row>div:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(28,58,61,.1)}
.step-no{grid-row:1/3;width:44px;height:44px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px;font-weight:700;box-shadow:0 6px 16px rgba(201,164,92,.35)}.step-icon{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:12px;background:#eef3ec;color:var(--teal);display:grid;place-items:center}.step-icon svg{width:20px;height:20px}.steps-row b{font-size:17px;color:var(--ink)}.steps-row small{font-size:14px;color:#6b7a75}
/* 目录 */
.catalog.v3{margin-top:54px}.catalog.v3 .search-box{min-width:280px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 16px;box-shadow:0 6px 18px rgba(28,58,61,.05)}.catalog.v3 .chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;color:var(--ink);transition:background .25s,color .25s,transform .25s}.catalog.v3 .chip.selected{background:var(--teal);color:#fff;border-color:var(--teal)}.catalog.v3 .chip:hover{transform:translateY(-1px)}.catalog.v3 .catalog-count{margin:10px 0 18px}
.product-card.v3{border-radius:20px;border:1px solid var(--line);background:var(--card)}.product-card.v3 .cover-category{left:14px;top:14px;background:rgba(20,45,48,.72);color:#fff;border:0;backdrop-filter:blur(6px)}.product-card.v3 .card-body{padding:18px 20px 16px}.product-card.v3 .card-body h3{font-size:19px;line-height:1.45}.product-card.v3 .card-body>p{font-size:14.5px;color:#5b6f6e}.product-card.v3 .card-bottom{align-items:center}.product-card.v3 .card-bottom>span{background:none;padding:0;color:#8a8a7f;font-size:13px}.card-go,.product-card .card-bottom a.card-go,.product-card.v3 .card-bottom a.card-go,.card-bottom a.card-go{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;padding:0!important;border-radius:50%!important;aspect-ratio:1/1!important;flex:0 0 38px!important;flex-shrink:0!important;box-sizing:border-box!important;background:var(--teal);color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 8px 18px rgba(31,90,90,.28);transition:transform .3s,background .3s}.card-go svg{width:18px;height:18px}.product-card.v3:hover .card-go{transform:translateX(3px);background:#26706a}
/* 会员横幅 */
.membership-banner.v3{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:28px;padding:40px 44px;background:linear-gradient(115deg,#173f47,#1f5a5a 58%,#24665f);color:#f4f1ea}.membership-banner.v3 .banner-symbol{width:56px;height:56px;border-radius:16px;background:#ffffff14;display:grid;place-items:center;color:var(--gold)}.membership-banner.v3 .banner-symbol svg{width:30px;height:30px}.membership-banner.v3 .eyebrow{color:var(--gold);letter-spacing:.24em;margin-bottom:10px}.membership-banner.v3 h2{color:#fff;font-size:28px;margin-bottom:8px}.membership-banner.v3 p{color:#d7e3df;margin:0}
.banner-cta{display:flex;flex-direction:column;align-items:center;gap:8px}.banner-cta .button.cream{background:var(--gold);color:#1c3a3d;border-radius:999px;padding:14px 26px;font-weight:700;box-shadow:0 12px 28px rgba(0,0,0,.25)}.banner-cta small{color:#d7e3df;font-size:12px}.banner-script{font-size:22px;line-height:1.5;color:#f1e6cf;opacity:.9;text-align:right}
/* 温柔提醒 */
.editorial.v3{display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:30px;padding:34px 38px;margin-top:34px;border-radius:22px;background:#f3ecdd;border:1px solid #ead9b8}.editorial-head{display:flex;align-items:center;gap:0}.editorial-head span{font-size:18px;font-weight:700;color:var(--ink);white-space:nowrap}.editorial.v3 blockquote{margin:0;padding-right:26px;border-right:1px solid #dcc9a2;font-size:19px;line-height:1.7;color:var(--ink);font-weight:600}.editorial.v3 p{margin:0;font-size:15px;color:#5b6f6e}.editorial-side{font-size:18px;line-height:1.6;text-align:right;white-space:nowrap}.editorial-side svg{display:block;margin:8px 0 0 auto;width:22px;height:22px;color:var(--gold)}
/* 详情页 */
.detail.v3 .back-link{color:#6b7a75}.detail-cover.v3{aspect-ratio:1/1;max-width:560px}.detail-cover-stamp{position:absolute;right:20px;top:20px;width:74px;height:74px;border-radius:50%;border:1.5px solid #f1e6cf;color:#f1e6cf;display:grid;place-items:center;text-align:center;font-size:12px;line-height:1.4;letter-spacing:.08em;background:rgba(0,0,0,.18);backdrop-filter:blur(4px)}.detail-cover-text{position:absolute;left:26px;right:26px;bottom:26px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5)}.detail-cover-text b{display:block;font-size:30px;letter-spacing:.04em;line-height:1.3}.detail-cover-text span{display:block;margin-top:8px;font-size:14px;opacity:.9}
.detail.v3 .detail-copy .eyebrow{color:#2f6f66}.detail.v3 .detail-copy h1{color:var(--ink)}.detail.v3 .detail-meta span{background:#e8efe9;color:#2f5450}.detail.v3 .detail-meta svg{width:16px;height:16px}.detail.v3 .tag-list span{background:#f3ecdd;color:#8a6d3b;border-radius:999px;padding:6px 12px;font-size:14px}.detail.v3 .button.primary{border-radius:999px;padding:14px 26px}.detail.v3 .button.secondary{border-radius:999px;border:1.5px solid var(--teal);color:var(--teal);background:#fff}.detail.v3 .fineprint{display:flex;gap:8px;align-items:flex-start;color:#6b7a75}.detail.v3 .fineprint svg{width:16px;height:16px;flex-shrink:0;margin-top:4px;color:var(--gold)}
.detail-steps.v3>div{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;padding:22px 22px}.detail-steps.v3 span{font-style:italic;color:var(--gold);font-size:30px;grid-row:1/3}.detail-steps.v3 i{grid-column:3;grid-row:1/3;width:36px;height:36px;border-radius:50%;background:#e8efe9;color:var(--teal);display:grid;place-items:center}.detail-steps.v3 i svg{width:18px;height:18px}.detail-steps.v3 b{grid-column:2}.detail-steps.v3 small{grid-column:2}
.notice-card.v3{background:#e8efe9;border:1px solid #d6e2d8;border-radius:22px;padding:26px 26px 22px;position:relative}.notice-card.v3 h3{display:flex;align-items:center;gap:8px;font-size:18px;color:var(--ink)}.notice-card.v3 ul{list-style:none;margin:14px 0 16px;padding:0;display:grid;gap:10px}.notice-card.v3 li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#2f5450}.notice-card.v3 li svg{width:18px;height:18px;flex-shrink:0;color:var(--teal);margin-top:2px}.notice-card.v3>a{color:var(--teal);font-weight:600}.notice-script{margin-top:16px;font-size:17px}
.related.v3 .section-note{color:var(--teal);font-weight:600}
/* 页脚 */
footer.v3{margin-top:70px;padding:54px 0 30px;background:#f1ece1;border-top:1px solid var(--line)}footer.v3 .footer-main{width:min(1200px,calc(100% - 96px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto;gap:40px;align-items:start;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-brand-col .brand small{display:inline}footer.v3 .footer-brand-col p{margin:14px 0 6px;color:var(--ink);font-size:16px}footer.v3 .footer-brand-col small{color:#6b7a75;font-size:13px}
.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.footer-cols h4{margin:0 0 12px;font-size:15px;color:var(--ink)}.footer-cols a,.footer-cols button{display:block;padding:0;margin:0 0 10px;font-size:14px;color:#5b6f6e;text-align:left;min-height:0;line-height:1.6;transition:color .2s}.footer-cols a:hover,.footer-cols button:hover{color:var(--teal)}
.footer-motto{display:flex;flex-direction:column;gap:6px;font-size:13px;letter-spacing:.1em;color:#8a6d3b;text-align:right;white-space:nowrap}
footer.v3 .company-details,footer.v3 .footer-bottom{width:min(1200px,calc(100% - 96px));margin-inline:auto}footer.v3 .company-details{padding:22px 0 8px}footer.v3 .footer-bottom{display:flex;gap:22px;flex-wrap:wrap;padding-top:6px;color:#6b7a75;font-size:13px}
@media(max-width:1000px){.hero.v3 h1{font-size:44px}.hero-visual.v3{height:430px}.hero-visual.v3 .hero-float-a{right:8px;top:70px}.hero-visual.v3 .hero-float-b{right:8px;bottom:40px}.steps-row{grid-template-columns:1fr}.membership-banner.v3{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}.membership-banner.v3 .banner-cta{grid-column:1/3;align-items:flex-start}.banner-script{display:none}.editorial.v3{grid-template-columns:1fr;gap:16px}.editorial.v3 blockquote{border-right:0;padding-right:0}.editorial-side{text-align:left;white-space:normal}.editorial-side svg{margin:8px 0 0}.detail-cover.v3{max-width:none;aspect-ratio:16/11}footer.v3 .footer-main{grid-template-columns:1fr;gap:26px;width:calc(100% - 56px)}.footer-motto{text-align:left}footer.v3 .company-details,footer.v3 .footer-bottom{width:calc(100% - 56px)}}
@media(max-width:700px){.site-header.v3{height:70px}.site-header.v3 .brand small{display:none}.site-header.v3 .header-member{padding:9px 14px;font-size:14px}.hero.v3{padding-top:26px;min-height:0}.hero.v3 h1{font-size:34px;line-height:1.32}.hero.v3 .hero-copy>p{font-size:15px}.hero-script{margin-top:12px;font-size:20px}.hero-visual.v3{height:330px}.hero-art-caption b{font-size:20px}.hero-art-caption span{font-size:13px}.hero-art-corner{display:none}.hero-visual.v3 .hero-float{padding:10px 12px;gap:10px;max-width:220px}.hero-visual.v3 .hero-float>svg{width:30px;height:30px}.hero-visual.v3 .hero-float b{font-size:13px}.hero-visual.v3 .hero-float small{font-size:11px}.hero-visual.v3 .hero-float-a{right:10px;top:12px}.hero-visual.v3 .hero-float-b{right:10px;bottom:14px}.stats-strip.v3 b{font-size:26px}.section-heading h2{font-size:22px}.gold-rule{width:26px;margin-left:10px}.steps-row>div{padding:16px 16px 16px 14px}.step-icon{width:32px;height:32px;right:12px;top:12px}.catalog.v3 .search-box{min-width:0;width:100%}.membership-banner.v3{padding:26px 22px;gap:16px}.membership-banner.v3 h2{font-size:22px}.editorial.v3{padding:22px 20px}.editorial.v3 blockquote{font-size:17px}.detail-cover-text b{font-size:22px}.detail-cover-stamp{width:60px;height:60px;font-size:10px}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}footer.v3{padding-top:36px}footer.v3 .footer-main,footer.v3 .company-details,footer.v3 .footer-bottom{width:calc(100% - 36px)}}

/* v3 移动端修正：卡片箭头统一为圆形（覆盖旧 :last-child:nth-child(odd) 特化）；产品页正文为吸底栏留出空间 */
@media(max-width:700px){
 .product-grid.v2>.product-card:last-child:nth-child(odd) .card-bottom a,.product-grid.v3 .card-go,.product-card.v3 .card-bottom a.card-go{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;padding:0!important;border-radius:50%!important;aspect-ratio:1/1!important;gap:0!important;flex:0 0 38px!important;flex-shrink:0!important;box-sizing:border-box!important}
 .product-grid.v2>.product-card:last-child:nth-child(odd) .card-bottom>span{display:inline!important;font-size:13px!important}
 .product-grid.v2>.product-card:last-child:nth-child(odd){grid-column:auto}
 .detail.v3{padding-bottom:96px}.detail.v3 .mobile-bottom{box-shadow:0 -10px 30px rgba(28,58,61,.10);background:rgba(255,253,248,.96);backdrop-filter:blur(8px)}
 .hero.v3 h1{word-break:keep-all;overflow-wrap:normal}
}
/* ===== Storefront v4（2026-09-23）：右上直达账户、会员栏目左侧栏、手机端专属版式（精选横滑 + 紧凑列表 + 紧凑产品页）。追加在 v3 之后。 ===== */
.desktop-only{display:block}.mobile-only{display:none}
.site-header.v4 .header-member{text-decoration:none}
/* 会员栏目：左侧栏 + 主区 */
.member-page{padding-block:34px 20px}.member-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start}
.member-side{position:sticky;top:104px;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 26px rgba(28,58,61,.05)}.member-side nav{display:grid;gap:4px}.member-side a{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:12px;color:var(--ink);font-size:15px;transition:background .2s,color .2s}.member-side a svg{width:18px;height:18px;color:var(--gold)}.member-side a:hover{background:#f1ede3}.member-side a.active{background:var(--teal);color:#fff}.member-side a.active svg{color:#fff}
.member-side-note{margin-top:16px;padding:14px 12px 4px;border-top:1px dashed var(--line);font-family:"STXingkai","KaiTi","Kaiti SC",cursive;font-size:17px;line-height:1.5;color:#a88a4f}.member-side-note small{display:block;margin-top:6px;font-family:inherit;font-size:9px;letter-spacing:.22em;color:#b7a27a}
.member-head h1{display:inline-flex;align-items:center;font-size:34px;margin-bottom:6px}.member-head p{margin:0 0 22px;color:#5b6f6e}
.plan-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:center;padding:30px 32px;border-radius:24px;background:linear-gradient(115deg,#173f47,#1f5a5a 60%,#24665f);color:#f4f1ea;box-shadow:var(--shadow);position:relative;overflow:hidden}.plan-hero:before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(closest-side,#d2ad7244,transparent 70%)}
.plan-tag{display:inline-block;padding:5px 12px;border-radius:999px;background:#ffffff1a;color:var(--gold);font-size:12px;letter-spacing:.12em;font-weight:700}.plan-price{display:flex;align-items:baseline;gap:10px;margin-top:14px}.plan-price strong{font-family:Georgia,serif;font-size:52px;line-height:1;color:var(--gold)}.plan-price span{font-size:15px;color:#d7e3df}.plan-renew{margin-top:10px;font-size:14px;color:#d7e3df;line-height:1.7}
.plan-hero-side{display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:relative}.plan-script{font-family:"STXingkai","KaiTi","Kaiti SC",cursive;font-size:22px;line-height:1.5;color:#f1e6cf}.plan-hero-side .button.cream{background:var(--gold);color:#1c3a3d;border-radius:999px;padding:13px 22px;font-weight:700}.plan-hero-side small{font-size:12px;color:#c9d6d2}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.benefit-grid>div{padding:22px 22px 20px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 26px rgba(28,58,61,.05);transition:transform .35s ease,box-shadow .35s ease}.benefit-grid>div:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.benefit-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f3ecdd;color:var(--gold);margin-bottom:12px}.benefit-icon svg{width:22px;height:22px}.benefit-grid b{display:block;font-size:17px;color:var(--ink);margin-bottom:6px}.benefit-grid p{margin:0;font-size:14.5px;color:#5b6f6e}
.member-h2{display:inline-flex;align-items:center;font-size:24px;margin:40px 0 18px}
.how-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.how-row>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;padding:20px 20px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.how-row span{grid-row:1/3;font-family:Georgia,serif;font-style:italic;font-size:28px;color:var(--gold);line-height:1}.how-row b{font-size:16px;color:var(--ink)}.how-row small{font-size:14px;color:#5b6f6e;line-height:1.7}
.cancel-box{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:18px 20px;border-radius:18px;background:#f3ecdd;border:1px solid #ead9b8}.cancel-box>svg{width:22px;height:22px;flex-shrink:0;color:var(--gold);margin-top:2px}.cancel-box b{display:block;font-size:16px;color:var(--ink);margin-bottom:4px}.cancel-box p{margin:0;font-size:14.5px;color:#5b5545}.cancel-box a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.faq{display:grid;gap:10px}.faq details{padding:0 18px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:16px 0;font-size:16px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:22px;color:var(--gold);font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{margin:0;padding:0 0 16px;font-size:14.5px;color:#5b6f6e;line-height:1.8}
.member-cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px}
.policy-page .policy-document{padding:0}.policy-others{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:#5b6f6e;display:flex;flex-wrap:wrap;gap:8px 16px}.policy-others a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
/* 手机端组件（桌面隐藏） */
.feat-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 18px 10px;margin:0 -18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.feat-row::-webkit-scrollbar{display:none}
.feat-card{flex:0 0 78%;scroll-snap-align:start;position:relative;display:block;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#123c44;box-shadow:0 12px 28px rgba(28,58,61,.14)}.feat-card .cover-picture,.feat-card .cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.feat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,30,36,.78))}.feat-body{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff;display:grid;gap:2px}.feat-cat{font-size:11px;letter-spacing:.08em;color:#f1e6cf}.feat-body b{font-size:17px;line-height:1.35}.feat-body small{font-size:12px;color:#e6efe9;opacity:.9;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.row-list{display:grid;gap:10px}.row-card{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 6px 18px rgba(28,58,61,.05)}.row-thumb{position:relative;display:block;width:112px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#123c44}.row-thumb .cover-picture,.row-thumb .cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.row-body{display:grid;gap:2px;min-width:0}.row-cat{font-size:11px;color:var(--teal);font-weight:700;letter-spacing:.04em}.row-body b{font-size:15.5px;color:var(--ink);line-height:1.35}.row-body small{font-size:12.5px;color:#5b6f6e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-meta{font-size:11.5px;color:#8a8a7f;margin-top:2px}.row-go{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;border-radius:50%!important;aspect-ratio:1/1!important;background:var(--teal);color:#fff;display:grid!important;place-items:center!important;flex:0 0 32px!important;flex-shrink:0!important;box-sizing:border-box!important}.row-go svg{width:16px;height:16px}
@media(max-width:1000px){.member-layout{grid-template-columns:1fr;gap:18px}.member-side{position:static;padding:8px}.member-side nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.member-side nav::-webkit-scrollbar{display:none}.member-side a{white-space:nowrap;padding:10px 12px;font-size:14px}.member-side-note{display:none}.plan-hero{grid-template-columns:1fr;padding:24px 22px}.benefit-grid{grid-template-columns:1fr 1fr}.how-row{grid-template-columns:1fr}}
@media(max-width:700px){
 .desktop-only{display:none!important}.mobile-only{display:block}
 .site-header.v4 .header-member span{display:inline}.site-header.v4 .header-member{padding:8px 12px;font-size:13px}
 .hero.v3{padding-top:22px;padding-bottom:10px}.hero.v3 h1{font-size:30px}.hero.v3 .hero-copy>p{font-size:14px}.hero.v3 .hero-actions .button{min-height:44px;font-size:14px;padding:10px 18px}.hero-script{display:none}
 .hero-visual.v3{height:230px;margin-top:6px}.hero-art-caption b{font-size:18px}.hero-art-caption span{font-size:12px}.hero-visual.v3 .hero-float{padding:8px 10px;gap:8px;max-width:200px;border-radius:12px}.hero-visual.v3 .hero-float>svg{width:26px;height:26px;padding:5px}.hero-visual.v3 .hero-float b{font-size:12px}.hero-visual.v3 .hero-float small{font-size:10px}.hero-visual.v3 .hero-float-a{right:8px;top:10px}.hero-visual.v3 .hero-float-b{right:8px;bottom:10px}
 .stats-strip.v3{padding:14px 12px;gap:10px 8px;margin-top:8px}.stats-strip.v3 b{font-size:22px}.stats-strip.v3 small{font-size:11px}
 .featured{margin-top:26px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:20px}
 .steps.v3{margin-top:26px}.steps-row{gap:10px}.steps-row>div{padding:12px 14px 12px 12px}.step-no{width:36px;height:36px;font-size:16px}.steps-row b{font-size:15px}.steps-row small{font-size:12.5px}.step-icon{display:none}
 .catalog.v3{margin-top:30px}.catalog.v3 .catalog-count{margin:8px 0 12px;font-size:12px}
 .membership-banner.v3{padding:22px 18px;gap:12px;border-radius:20px}.membership-banner.v3 .banner-symbol{display:none}.membership-banner.v3 h2{font-size:20px}.membership-banner.v3 p{font-size:13.5px}.membership-banner.v3 .eyebrow{font-size:10px;margin-bottom:6px}.banner-cta{align-items:stretch;grid-column:1/-1}.banner-cta .button.cream{justify-content:center}
 .editorial.v3{padding:18px 16px;margin-top:20px;gap:10px}.editorial.v3 blockquote{font-size:15px}.editorial.v3 p{font-size:13.5px}.editorial-side{font-size:15px}
 /* 产品页：紧凑 */
 .detail.v4{padding-top:14px;padding-bottom:92px}.detail.v4 .back-link{margin-bottom:10px;font-size:13px}.detail-cover.v3{aspect-ratio:16/10;border-radius:16px}.detail-cover-text b{font-size:20px}.detail-cover-text span{font-size:12.5px}.detail-cover-stamp{width:54px;height:54px;font-size:9px}
 .detail.v4 .detail-hero.v3{gap:16px;margin-top:8px}.detail.v4 .detail-copy .eyebrow{font-size:11px;margin-bottom:8px}.detail.v4 .detail-copy h1{font-size:26px;margin-bottom:6px}.detail.v4 .detail-subtitle{font-size:14.5px;margin-bottom:8px}.detail.v4 .detail-meta{gap:8px;margin:10px 0 12px}.detail.v4 .detail-meta span{padding:5px 10px;font-size:12.5px}.detail.v4 .detail-copy>p:not(.detail-subtitle){font-size:14px;line-height:1.75}.detail.v4 .tag-list{margin:10px 0 14px;gap:6px}.detail.v4 .tag-list span{padding:4px 10px;font-size:12.5px}
 .detail.v4 .detail-actions{display:none}.detail.v4 .fineprint{font-size:12.5px!important;line-height:1.7!important}
 .detail-steps.v3{margin:22px 0 6px;gap:10px}.detail-steps.v3>div{padding:14px 14px}.detail-steps.v3 span{font-size:24px}.detail-steps.v3 b{font-size:15px}.detail-steps.v3 small{font-size:12.5px}
 .detail-content.v3{margin:20px 0 0;gap:16px}.detail-content.v3 h2{font-size:20px}.detail-content.v3 p{font-size:14px}.feature-grid{gap:12px;margin-top:14px}.notice-card.v3{padding:18px 18px 16px}.notice-card.v3 h3{font-size:16px}.notice-card.v3 li{font-size:13.5px}.notice-script{font-size:15px}
 .related.v3{margin-top:30px}.related-row .feat-card{flex:0 0 62%}
 .detail.v4 .mobile-bottom{box-shadow:0 -10px 30px rgba(28,58,61,.10);background:rgba(255,253,248,.96);backdrop-filter:blur(8px)}.detail.v4 .mobile-bottom .button{border-radius:999px}
 /* 会员页 */
 .member-page{padding-block:20px 10px}.member-head h1{font-size:26px}.member-head p{font-size:14px;margin-bottom:14px}.plan-hero{padding:20px 18px;border-radius:20px}.plan-price strong{font-size:40px}.plan-renew{font-size:13px}.plan-script{font-size:18px}.benefit-grid{grid-template-columns:1fr;gap:12px;margin-top:16px}.benefit-grid>div{padding:16px 16px 14px}.benefit-grid b{font-size:16px}.benefit-grid p{font-size:13.5px}.member-h2{font-size:20px;margin:26px 0 12px}.how-row>div{padding:14px 14px}.how-row small{font-size:13px}.cancel-box{padding:14px 14px}.cancel-box p{font-size:13.5px}.faq summary{font-size:15px;padding:14px 0}.faq details p{font-size:13.5px}
}

/* v4 修正：手机端横滑行必须保持 flex；产品页相关推荐横滑 */
@media(max-width:700px){.feat-row.mobile-only,.related-row.mobile-only{display:flex}.related-row{padding-left:0;padding-right:0;margin:0}}

/* v4.1（2026-09-23 傍晚）手机端横向溢出修复：
   ≤1000px 时 .member-layout 变单列 `1fr`，而 1fr 的最小值是 auto = 子项最小内容宽度；
   左侧栏在手机上是一行不换行的 5 个标签（≈640px），于是整条网格轨道被撑到 670px，会员权益页与 5 份政策页都能左右拖动。
   改为 minmax(0,1fr) 并让网格子项 min-width:0，标签行在自身容器内横滑，不再撑宽页面。其余手机单列网格一并改成 minmax(0,1fr) 防同类问题。 */
@media(max-width:1000px){
 .member-layout{grid-template-columns:minmax(0,1fr)}
 .member-layout>*,.member-main,.member-side{min-width:0;max-width:100%}
 .member-side nav{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
 .member-side a{scroll-snap-align:start;flex:0 0 auto}
 .plan-hero,.how-row{grid-template-columns:minmax(0,1fr)}
 .policy-document,.policy-document *{overflow-wrap:anywhere}
 .policy-document img,.policy-document table{max-width:100%}
}
@media(max-width:700px){
 .benefit-grid{grid-template-columns:minmax(0,1fr)}
 .member-side{margin-inline:-2px}
 .member-side nav{padding:2px}
}

/* v4.2（2026-09-23 晚）极窄屏（<360px，如 iPhone SE 一代 / 小屏安卓）：首页主标题 keep-all 不断词 + 30px 字号，
   「都是向更好生活的靠近。」一整行 ≈317px，320–335px 宽时把页面撑出 5–15px 横向滚动。按屏宽缩字号并允许断行；主视觉网格列不再被最小内容撑宽。 */
@media(max-width:359px){
 .hero.v2,.hero.v3{grid-template-columns:minmax(0,1fr)}
 .hero.v2>*,.hero.v3>*{min-width:0}
 .hero.v3 h1{font-size:clamp(23px,8.2vw,30px);word-break:normal;overflow-wrap:anywhere}
 .hero.v3 .hero-actions{flex-wrap:wrap}
}
/* root015：会员权益页卡片样式，与 plan-hero 同一套纸底墨绿金色 */
.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:8px}
.offer-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:30px 26px 24px;border-radius:24px;background:var(--card,#fff);border:1px solid var(--line);box-shadow:0 10px 26px rgba(28,58,61,.06)}
.offer-card.is-renew{background:linear-gradient(115deg,#173f47,#1f5a5a 60%,#24665f);color:#f4f1ea;border-color:transparent;box-shadow:var(--shadow)}
.offer-card h3{margin:0;font-size:20px;letter-spacing:-.01em}
.offer-tag{position:absolute;top:-12px;left:22px;padding:4px 12px;border-radius:999px;background:var(--teal,#1f5a5a);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em}
.offer-card.is-renew .offer-tag{background:var(--gold);color:#1c3a3d}
.offer-tag.light{background:#efe6d3;color:#6b5a36}
.offer-price{display:flex;align-items:baseline;gap:8px}
.offer-price strong{font-family:Georgia,serif;font-size:42px;line-height:1;color:var(--teal,#1f5a5a)}
.offer-card.is-renew .offer-price strong{color:var(--gold)}
.offer-price span{font-size:14px;color:var(--muted)}
.offer-card.is-renew .offer-price span,.offer-card.is-renew .offer-rule{color:#d7e3df}
.offer-rule{margin:0;font-size:13.5px;line-height:1.7;color:var(--muted)}
.offer-points{display:grid;gap:8px;margin:4px 0 8px;padding:0;list-style:none;font-size:14px}
.offer-points li{display:flex;gap:8px;align-items:flex-start;min-width:0}
.offer-points svg{width:16px;height:16px;flex-shrink:0;margin-top:3px;color:var(--gold)}
.offer-card .button.full{margin-top:auto;justify-content:center;width:100%}
.offer-card.is-renew .button.primary{background:var(--gold);color:#1c3a3d;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.offer-note{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:14px 16px;border-radius:16px;background:#f3ecdd;border:1px solid #ead9b8;font-size:13px;line-height:1.7;color:#5b5545}
.offer-note svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--gold)}
@media (max-width:760px){.offer-grid{grid-template-columns:minmax(0,1fr)}.offer-card{padding:28px 20px 20px}.offer-price strong{font-size:36px}}.offer-card.is-renew h3{color:#fff}
/* root015：从其他页跳回首页目录时，目录标题不被吸顶导航压住 */
#explore{scroll-margin-top:104px}
@media (max-width:760px){#explore{scroll-margin-top:84px}}
/* 10/8：取消支付图文步骤增加微信一组（微信绿标识；支付宝沿用蓝色） */
.cancel-guide.is-wechat .cancel-guide-mark{background:#07c160}
.wechat-mark{font-weight:700;font-size:20px;line-height:1}
/* 10/8：会员横幅右上角装饰光圈（:before，绝对定位）在手机 375–390 宽正好盖住「了解会员权益」按钮，点击被它吃掉；装饰层不接收点击，横幅内容压在光圈之上 */
.membership-banner.v2:before{pointer-events:none;z-index:0}
.membership-banner.v2>*{position:relative;z-index:1}
@media(min-width:701px){.mobile-only,.feat-row.mobile-only,.related-row.mobile-only,.row-list.mobile-only{display:none!important}}
@media(max-width:700px){.row-list.mobile-only{display:grid}}
