/* FILE: css/style.css | 完整交付，无省略 */
:root{--library:#14211A;--library-soft:#1B2C22;--line:#2E4234;--parchment:#EDE4D0;--muted:#9AA88F;--brass:#C9A45C;--brass-deep:#A5813D;--oxblood:#7A3B2E;--ink-black:#0D1710;--max:1180px;--serif:"Cormorant Garamond",serif;--sans:"Source Sans 3",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--library);color:var(--parchment);font-family:var(--sans);line-height:1.6;overflow-x:hidden}a{color:var(--parchment);text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(20,33,26,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:74px}.brand{display:flex;align-items:center;gap:10px;font:600 29px/1 var(--serif);letter-spacing:.02em}.brand-mark{width:34px;height:44px}.nav-links{display:flex;justify-content:center;gap:26px;text-transform:uppercase;letter-spacing:.18em;font-size:12px}.nav-links a{color:var(--muted)}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--brass)}.nav-actions{display:flex;align-items:center;gap:14px}.cart-link{position:relative;display:grid;place-items:center;width:40px;height:40px}.cart-link svg{width:22px}.cart-badge{position:absolute;right:-2px;top:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:var(--oxblood);color:var(--parchment);font-size:11px;display:grid;place-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border-radius:4px;border:1px solid var(--brass);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12px;cursor:pointer;transition:.25s ease}.btn-primary{background:var(--brass);color:var(--library)}.btn-primary:hover{background:var(--brass-deep)}.btn-secondary{background:transparent;color:var(--parchment);border-color:var(--oxblood)}.btn-secondary:hover{background:var(--oxblood)}.btn-dark{background:var(--oxblood);color:var(--parchment);border-color:var(--oxblood)}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.menu-toggle{display:none;background:none;border:0;color:var(--brass);font-size:28px}.hero{padding:90px 0 76px;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.3em;color:var(--brass);font-size:11px}.hero h1,.page-title{font:600 clamp(54px,7vw,92px)/.95 var(--serif);letter-spacing:-.02em;margin:15px 0 24px;font-feature-settings:"liga"}.hero p{font-size:20px;max-width:650px;color:var(--muted)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-art{min-height:480px;display:grid;place-items:center;position:relative}.hero-art>img{width:100%;height:auto;display:block;border:1px solid var(--line)}.ornament{color:var(--brass);position:absolute;inset:auto 8% 10% auto;opacity:.75}.desk-card{width:min(100%,520px);aspect-ratio:1/ .78;border:1px solid var(--line);background:var(--library-soft);position:relative;overflow:hidden}.desk-card:before{content:"";position:absolute;inset:16px;border:1px solid var(--brass);opacity:.4}.lamp{position:absolute;right:16%;top:12%;width:110px;height:190px;border-right:3px solid var(--brass)}.lamp:before{content:"";position:absolute;right:-40px;top:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:45px solid var(--brass)}.lamp:after{content:"";position:absolute;right:-4px;bottom:0;width:8px;height:120px;background:var(--brass)}.desk-surface{position:absolute;left:10%;right:10%;bottom:16%;height:20%;background:var(--library);border-top:3px double var(--brass)}.pen{position:absolute;left:18%;bottom:29%;width:190px;height:18px;background:var(--brass);transform:rotate(-21deg);transform-origin:left}.pen:after{content:"";position:absolute;right:-28px;top:-5px;border-left:30px solid var(--brass);border-top:14px solid transparent;border-bottom:14px solid transparent}.book{position:absolute;left:24%;bottom:39%;width:170px;height:55px;background:var(--oxblood);border:1px solid var(--brass)}.book:before{content:"INKWELL";position:absolute;inset:12px;color:var(--brass);font-size:10px;letter-spacing:.28em;text-align:center}.quote-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:50px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.spine{border-left:3px solid var(--brass);padding:8px 20px;min-height:150px;background:linear-gradient(90deg,var(--library-soft),transparent)}.spine strong{font-family:var(--serif);font-size:30px;color:var(--brass)}.section{padding:92px 0}.section.alt{background:var(--library-soft)}.section-head{max-width:800px;margin-bottom:40px}.section h2{font:600 clamp(38px,5vw,64px)/1 var(--serif);margin:8px 0 14px}.section p.lead{font-size:18px;color:var(--muted)}.ornate-divider{display:flex;align-items:center;gap:16px;margin:10px 0 34px}.ornate-divider:before,.ornate-divider:after{content:"";height:1px;background:var(--brass);flex:1;opacity:.5}.diamond{width:9px;height:9px;border:1px solid var(--brass);transform:rotate(45deg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{position:relative;background:var(--library-soft);border:1px solid var(--line);border-radius:6px;padding:24px;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--brass),transparent,var(--brass));}.card:hover{transform:translateY(-4px);border-color:var(--brass-deep);box-shadow:0 0 20px rgba(201,164,92,.12)}.card h3{font:600 30px/1.05 var(--serif);margin:10px 0}.card p{color:var(--muted)}.feature-icon{width:48px;height:48px;color:var(--brass)}.quote-card{background:var(--parchment);color:var(--ink-black);border-left:4px solid var(--brass);border-radius:2px}.quote-card p{color:var(--ink-black);font-family:var(--serif);font-size:23px}.avatar{width:42px;height:42px;border:1px solid var(--brass);border-radius:50%;display:grid;place-items:center;background:var(--oxblood);color:var(--parchment);font-family:var(--serif);font-size:22px}.stars{letter-spacing:.18em;color:var(--brass)}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.trust-item{display:flex;gap:12px;align-items:flex-start}.trust-item strong{display:block}.notice{padding:14px 16px;background:var(--oxblood);color:var(--parchment);border:1px solid var(--brass)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.feature-block{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.feature-block:nth-child(even){direction:rtl}.feature-block:nth-child(even)>*{direction:ltr}.feature-art{border:1px solid var(--line);background:var(--library-soft);padding:14px}.feature-list{display:grid;gap:10px}.feature-list li{list-style:none;padding-left:24px;position:relative}.feature-list li:before{content:"✦";color:var(--brass);position:absolute;left:0}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{padding:25px;position:relative}.price-card.popular{border-color:var(--brass);transform:translateY(-8px)}.badge{display:inline-block;padding:5px 9px;border:1px solid var(--brass);background:var(--brass);color:var(--library);font-size:11px;text-transform:uppercase;letter-spacing:.16em;border-radius:4px}.price{font:600 54px/1 var(--serif);margin:12px 0 2px}.price span{font:400 14px var(--sans);color:var(--muted)}.compliance{font-size:12px;color:var(--muted)}.price-features{min-height:180px;margin:20px 0}.price-features li{list-style:none;padding:7px 0;border-bottom:1px solid rgba(46,66,52,.5)}.compare-wrap{overflow:auto;border:1px solid var(--line)}.compare{width:100%;border-collapse:collapse;min-width:820px}.compare th,.compare td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.compare th{font-family:var(--serif);font-size:22px;color:var(--brass);position:sticky;top:0;background:var(--library)}.compare .highlight{background:rgba(201,164,92,.08)}.promo{margin:25px 0;padding:14px 20px;border:1px solid var(--oxblood);background:rgba(122,59,46,.14);color:var(--parchment);text-transform:uppercase;letter-spacing:.15em;font-size:12px}.plan-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:start}.gallery{display:grid;grid-template-columns:1fr 90px;gap:14px}.gallery-main{background:var(--library-soft);border:1px solid var(--line);padding:12px;cursor:pointer}.gallery-main img{width:100%;display:block}.thumbs{display:grid;gap:10px;align-content:start}.thumb{border:1px solid var(--line);padding:4px;background:var(--library-soft);cursor:pointer}.thumb.active,.thumb:hover{border-color:var(--brass)}.buy-panel h1{font:600 clamp(42px,5vw,66px)/.95 var(--serif);margin:8px 0 20px;font-feature-settings:"liga"}.delivery{margin:20px 0;padding:13px 16px;background:var(--parchment);color:var(--library)}.purchase-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:18px 0}.stepper{display:flex;align-items:center;gap:10px}.stepper button{width:34px;height:34px;border:1px solid var(--brass);background:transparent;color:var(--parchment);cursor:pointer}.stepper input{width:55px;text-align:center;background:var(--library-soft);border:1px solid var(--line);color:var(--parchment);height:34px}.toggle-row{display:flex;gap:8px;margin-top:14px}.toggle-row button{flex:1}.subtot{margin:16px 0;font-family:var(--serif);font-size:24px}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:35px}.spec-table{width:100%;border-collapse:collapse}.spec-table td{padding:11px 0;border-bottom:1px solid var(--line);vertical-align:top}.spec-table td:first-child{color:var(--muted);width:34%}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{background:var(--parchment);color:var(--ink-black)}.review-card p{color:var(--ink-black)}.distribution{display:grid;gap:8px}.dist-line{display:grid;grid-template-columns:18px 1fr 40px;gap:8px;align-items:center;font-size:12px}.bar{height:8px;background:var(--library-soft);border:1px solid var(--line)}.bar i{display:block;height:100%;background:var(--brass)}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font:600 25px var(--serif);color:var(--parchment)}.faq details p{color:var(--muted);max-width:800px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--brass)}.field input,.field textarea,.field select{width:100%;background:var(--library-soft);border:1px solid var(--line);color:var(--parchment);padding:12px;border-radius:4px;font:inherit}.field textarea{min-height:160px;resize:vertical}.footer{border-top:1px solid var(--line);padding:62px 0 22px;background:var(--ink-black)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr 1.5fr;gap:25px}.footer h4{margin:0 0 12px;color:var(--brass);font-size:11px;text-transform:uppercase;letter-spacing:.2em}.footer a{color:var(--muted);display:block;margin:6px 0}.footer a:hover{color:var(--brass)}.company-info{color:var(--muted);font-size:14px}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:17px;color:var(--muted);display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.ownership{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;color:var(--brass);font-family:var(--serif);font-size:20px;margin-top:25px}.cookie{position:fixed;left:20px;right:20px;bottom:20px;background:var(--library-soft);border-top:2px solid var(--brass);border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 18px;z-index:100;display:flex;gap:18px;align-items:center;justify-content:space-between;box-shadow:0 12px 35px rgba(0,0,0,.25)}.cookie p{margin:0;color:var(--muted)}.cookie-actions{display:flex;gap:8px}.modal{position:fixed;inset:0;background:rgba(13,23,16,.9);display:none;place-items:center;z-index:200;padding:24px}.modal.open{display:grid}.modal-content{max-width:1000px;width:100%;position:relative}.modal-content img{width:100%;max-height:82vh;object-fit:contain;border:1px solid var(--brass)}.modal-close{position:absolute;right:0;top:-40px;border:1px solid var(--brass);background:var(--library);color:var(--brass);width:34px;height:34px;cursor:pointer}.cart-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.summary-card{position:sticky;top:100px}.empty{padding:80px 20px;text-align:center;border:1px solid var(--line)}.empty svg{width:65px;color:var(--brass)}.checkout-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.radio-row{display:grid;gap:10px}.radio-row label{border:1px solid var(--line);padding:12px;background:var(--library-soft)}.success{display:none;text-align:center;padding:70px 20px;border:1px solid var(--brass);background:var(--library-soft)}.success.show{display:block}.legal-copy{max-width:900px}.legal-copy h2{font:600 34px var(--serif);color:var(--brass);margin-top:35px}.legal-copy p,.legal-copy li{color:var(--muted)}.small{font-size:13px;color:var(--muted)}.spine-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:25px}.spine-list div{height:70px;border-right:1px solid var(--line);background:linear-gradient(90deg,var(--library-soft),var(--library));position:relative}.spine-list div:after{content:"";position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:var(--brass);box-shadow:5px 0 0 rgba(46,66,52,.9),10px 0 0 rgba(46,66,52,.7)}.typewriter{font-family:monospace;color:var(--brass);letter-spacing:.12em;white-space:nowrap;overflow:hidden;max-width:max-content}.shine{color:var(--brass)}
@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(12px);animation:fadeUp .8s ease-out forwards}.hero .typewriter{animation:typing 1.2s steps(14) both}.breath{animation:breath 1.5s ease-in-out infinite alternate}.card,.btn{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease}.card:hover{transform:translateY(-4px)}}
@keyframes fadeUp{to{opacity:1;transform:none}}@keyframes typing{from{width:0}to{width:100%}}@keyframes breath{from{opacity:.7}to{opacity:1}}
@media(max-width:900px){.nav{grid-template-columns:auto auto}.nav-links{display:none;position:absolute;left:20px;right:20px;top:74px;flex-direction:column;background:var(--library-soft);border:1px solid var(--line);padding:20px}.nav-links.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav-actions .btn{display:none}.hero-grid,.plan-layout,.about-grid,.checkout-layout,.cart-layout,.content-grid{grid-template-columns:1fr}.grid-4,.pricing-grid{grid-template-columns:repeat(2,1fr)}.quote-strip,.trust-row,.review-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.feature-block{grid-template-columns:1fr}.summary-card{position:static}}
@media(max-width:640px){.container{width:min(calc(100% - 28px),var(--max))}.hero{padding-top:60px}.hero h1,.page-title{font-size:54px}.grid-3,.grid-4,.pricing-grid,.quote-strip,.trust-row,.review-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.hero-art{min-height:360px}.gallery{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(4,1fr)}.feature-block:nth-child(even){direction:ltr}.footer-bottom{display:grid}.cookie{left:10px;right:10px;bottom:10px;align-items:flex-start;flex-direction:column}.cookie-actions{width:100%}.cookie-actions .btn{flex:1}.page-title{margin-top:0}.spine-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:375px){.container{width:calc(100% - 24px)}body{font-size:15px}.hero h1,.page-title{font-size:48px}.btn{width:100%}.hero-actions{display:grid}.price{font-size:46px}}
