/* FILE: css/style.css | 完整交付，无省略 */
:root{--wall:#3A3A3E;--wall-soft:#46464B;--concrete:#B9B9BE;--ink:#F5F5F2;--muted:#9C9CA2;--spray-lime:#C8F04A;--spray-pink:#FF5CA8;--spray-cyan:#3AE0D8;--spray-orange:#FF8A3D;--black:#09090A;--white:#fff;--paper:#F6F5EF;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--concrete);color:var(--black);font-family:"Space Grotesk",sans-serif;line-height:1.55;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--spray-cyan);outline-offset:3px}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.narrow{max-width:760px;margin:auto}.small{font-size:.86rem}.eyebrow{font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem}.graffiti{font-family:"Rubik Mono One",Impact,sans-serif;text-transform:uppercase;line-height:.96;letter-spacing:-.04em;text-shadow:3px 3px 0 var(--black),6px 6px 0 var(--spray-pink)}.lime{color:var(--spray-lime)}
.btn{border:2px solid var(--black);padding:13px 18px;min-height:46px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;border-radius:44% 56% 48% 52%/58% 43% 57% 42%;transition:transform .18s}.btn:hover{transform:scale(1.03)}.btn.primary{background:var(--spray-lime);color:var(--black);box-shadow:5px 5px 0 var(--black)}.btn.secondary{background:var(--black);color:var(--ink);border-color:var(--spray-cyan);box-shadow:4px 4px 0 var(--spray-cyan)}.btn.pink{background:var(--spray-pink)}.btn.small{padding:8px 12px;min-height:38px;font-size:.88rem}.sticker{display:inline-block;background:var(--white);border:4px solid var(--black);padding:10px 14px;box-shadow:6px 6px 0 var(--black);font-weight:1000;transform:rotate(-2deg)}.sticker:nth-child(even){transform:rotate(2deg)}.sticker.lime{background:var(--spray-lime);color:var(--black)}.sticker.pink{background:var(--spray-pink);color:var(--black)}.sticker.cyan{background:var(--spray-cyan);color:var(--black)}
.site-nav{position:sticky;top:0;z-index:1000;background:var(--wall);color:var(--ink);border-bottom:3px solid var(--spray-lime)}.nav-inner{min-height:74px;display:grid;grid-template-columns:220px 1fr auto;gap:15px;align-items:center}.logo{font-family:"Rubik Mono One",Impact,sans-serif;color:var(--spray-lime);font-size:1.1rem;display:flex;gap:9px;align-items:center;text-shadow:2px 2px var(--black)}.spray-can{width:25px;height:36px;background:var(--spray-pink);border:3px solid var(--black);box-shadow:4px 3px var(--black);display:inline-block}.nav-links{display:flex;justify-content:center;gap:18px;font-weight:800;font-size:.9rem}.nav-links a:hover,.nav-links a.active{color:var(--spray-lime)}.nav-actions{display:flex;gap:10px;align-items:center}.cart-link{position:relative;padding:8px}.cart-badge{position:absolute;right:-4px;top:-3px;min-width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--spray-pink);color:var(--black);font-size:.7rem;border:2px solid var(--black);font-weight:1000}.menu-toggle{display:none;background:transparent;color:var(--ink);border:2px solid var(--spray-cyan);padding:7px 10px}
.hero{min-height:calc(100vh - 74px);background:var(--wall);color:var(--ink);position:relative;display:grid;place-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("../assets/img/hero-wall.png") center/cover;opacity:.18}.hero-inner{position:relative;text-align:center;width:min(1080px,94%);padding:70px 0;z-index:1}.hero h1{font-size:clamp(4rem,14vw,11rem);margin:18px 0;color:var(--spray-lime)}.hero-sub{font-size:clamp(1.1rem,2vw,1.55rem);font-weight:800}.hero-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.hero-stickers{position:absolute;inset:0}.hero-stickers .sticker{position:absolute}.s1{left:6%;top:17%}.s2{right:7%;top:25%}.s3{left:10%;bottom:18%}.s4{right:10%;bottom:13%}.s5{right:42%;top:8%}.hero-arrow{margin-top:38px;color:var(--spray-cyan);font-weight:900}.process{background:var(--wall);padding:35px 0;border-block:3px solid var(--black)}.process svg{width:100%}
.section{padding:82px 0}.section-head{max-width:800px;margin-bottom:35px}.section-head h2{font-size:clamp(2.2rem,6vw,5rem);margin:0 0 13px}.photo-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.polaroid{background:var(--white);padding:10px 10px 22px;border:2px solid var(--black);box-shadow:8px 8px var(--black);transform:rotate(-2deg)}.polaroid:nth-child(2n){transform:rotate(2deg);margin-top:28px}.polaroid img{width:100%;aspect-ratio:4/3;object-fit:cover}.polaroid figcaption{padding:9px 3px 0;font-weight:900}.quote-wall{background:var(--spray-orange);min-height:480px;display:grid;place-items:center;text-align:center;padding:35px;border-block:4px solid var(--black)}.quote-wall blockquote{font-family:"Rubik Mono One",Impact,sans-serif;text-transform:uppercase;font-size:clamp(2rem,6vw,5.5rem);line-height:1;text-shadow:4px 4px var(--white);max-width:1000px}.pricing-entrance{background:var(--spray-lime);padding:55px 15px;text-align:center;border-block:4px solid var(--black)}.pricing-entrance a{font-family:"Rubik Mono One",Impact,sans-serif;font-size:clamp(2rem,7vw,6rem);text-shadow:4px 4px var(--white)}.newsletter{padding:80px 0;text-align:center;background:var(--paper)}.newsletter form{display:flex;max-width:620px;margin:22px auto;gap:10px}input,select,textarea{width:100%;background:var(--white);color:var(--black);border:2px solid var(--black);padding:12px 13px;border-radius:7px}.field{margin-bottom:15px}.field label{display:block;font-weight:900;margin-bottom:6px}.success{background:var(--spray-lime);border:3px solid var(--black);padding:16px;font-weight:900}
.page-hero{background:var(--wall);color:var(--ink);padding:80px 0;border-bottom:5px solid var(--black)}.page-hero h1{font-size:clamp(3rem,8vw,7rem);margin:0}.feature-wall{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-bottom:75px}.feature-wall.reverse .feature-copy{order:2}.feature-art{background:var(--wall);padding:16px;border:3px solid var(--black);box-shadow:9px 9px var(--spray-pink)}.feature-copy h2{font-family:"Rubik Mono One",Impact,sans-serif;font-size:clamp(2rem,5vw,4rem);text-transform:uppercase;text-shadow:3px 3px var(--spray-cyan)}.icon-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.spray-icon{background:var(--wall-soft);color:var(--ink);padding:20px;border:2px solid var(--black);box-shadow:5px 5px var(--black);text-align:center}
.subway-wrap{background:var(--wall);color:var(--ink);padding:65px 0}.subway{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:45px 0}.subway:before{content:"";position:absolute;left:7%;right:7%;top:27px;border-top:9px solid var(--spray-pink)}.stop{text-align:center;position:relative;z-index:1}.stop button{width:56px;height:56px;border-radius:50%;border:4px solid var(--black);background:var(--paper);font-weight:1000;box-shadow:4px 4px var(--black)}.stop.active button{background:var(--spray-lime)}.stop span{display:block;margin-top:10px;font-family:"Rubik Mono One",Impact,sans-serif}.subway-detail{background:var(--paper);color:var(--black);border:4px solid var(--black);box-shadow:10px 10px var(--spray-cyan);padding:27px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 25px}.detail-grid div{padding:9px 0;border-bottom:2px dashed var(--concrete)}.promo{background:var(--spray-pink);border-block:3px solid var(--black);padding:12px;text-align:center;font-weight:1000}.trust-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:32px 0}.compare-scroll{overflow-x:auto}.compare{width:100%;min-width:850px;border-collapse:collapse;background:var(--white)}.compare th,.compare td{padding:12px;border:2px solid var(--black);text-align:left}.compare th{background:var(--wall);color:var(--spray-lime);font-family:"Rubik Mono One",Impact,sans-serif}.compare .highlight{background:var(--spray-lime);color:var(--black)}
.plan-page{padding:55px 0 80px}.breadcrumbs{font-size:.85rem;font-weight:900}.plan-title{font-size:clamp(2.5rem,6vw,5.5rem);margin:18px 0}.plan-main-block{background:var(--wall);padding:18px;border:3px solid var(--black);box-shadow:11px 11px var(--spray-pink);margin:32px 0}.plan-main-image{width:100%;max-height:520px;object-fit:cover;border:2px solid var(--black)}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.thumbs button{padding:0;background:var(--white);border:3px solid var(--black)}.thumbs img{aspect-ratio:4/3;object-fit:cover}.plan-section{margin:60px 0}.plan-section h2{font-family:"Rubik Mono One",Impact,sans-serif;text-transform:uppercase}.about-list{padding:0;list-style:none;display:grid;gap:9px}.about-list li{background:var(--white);border:2px solid var(--black);padding:11px 14px 11px 37px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spec{background:var(--wall-soft);color:var(--ink);padding:14px;border:2px solid var(--black)}.spec b{display:block;color:var(--spray-lime);font-size:.75rem;text-transform:uppercase}.review-summary{display:grid;grid-template-columns:190px 1fr;gap:25px;background:var(--paper);border:3px solid var(--black);padding:23px}.review-score{font-family:"Rubik Mono One",Impact,sans-serif;font-size:3.8rem}.bar{display:grid;grid-template-columns:34px 1fr 40px;gap:8px;align-items:center}.bar-track{height:10px;background:var(--concrete);border:1px solid var(--black)}.bar-track i{display:block;height:100%;background:var(--spray-orange)}.review{padding:22px 0;border-bottom:2px dashed #777}.rating-stars{color:var(--spray-orange);letter-spacing:2px}.verified{background:var(--spray-lime);border:2px solid var(--black);padding:2px 7px;font-size:.72rem;font-weight:1000}.also-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.purchase-card{position:fixed;right:20px;bottom:20px;width:310px;background:var(--spray-lime);border:4px solid var(--black);box-shadow:10px 10px var(--black);padding:20px;z-index:900}.purchase-card.closed{display:none}.purchase-card .close{position:absolute;right:7px;top:7px;border:2px solid var(--black);background:var(--white);border-radius:50%;width:30px;height:30px}.price-big{font-family:"Rubik Mono One",Impact,sans-serif;font-size:2.4rem}.qty-row{display:flex;align-items:center;gap:8px}.qty-row input{width:80px}.lightbox{display:none;position:fixed;inset:0;background:var(--black);z-index:2000;place-items:center;padding:25px}.lightbox.open{display:grid}.lightbox img{max-width:92vw;max-height:88vh;border:4px solid var(--white)}
.cart-page,.checkout-page{padding:65px 0}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:28px}.line-item{display:grid;grid-template-columns:1fr auto;gap:18px;background:var(--white);border:3px solid var(--black);padding:19px;margin-bottom:13px;box-shadow:7px 7px var(--black)}.line-item h3{font-family:"Rubik Mono One",Impact,sans-serif;margin:0}.line-actions{display:flex;align-items:center;gap:8px}.summary{background:var(--wall);color:var(--ink);padding:24px;border:3px solid var(--black);box-shadow:9px 9px var(--spray-pink);height:max-content}.summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--muted)}.summary-total{font-size:1.5rem}.empty{background:var(--wall);color:var(--ink);padding:60px 20px;text-align:center;border:4px solid var(--black);box-shadow:10px 10px var(--spray-cyan)}.checkout-card{max-width:560px;margin:auto;background:var(--paper);border:4px solid var(--black);box-shadow:11px 11px var(--spray-cyan);padding:27px}.order-summary{border:2px solid var(--black);margin-bottom:18px}.order-summary summary{padding:12px;font-weight:1000;cursor:pointer}.order-summary>div{padding:12px;border-top:2px dashed var(--black)}.demo-banner{background:var(--spray-orange);border:3px solid var(--black);padding:14px;font-weight:900;margin-bottom:18px}.radio{background:var(--white);border:2px solid var(--black);padding:11px;display:block}.success-screen{text-align:center;padding:30px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story{background:var(--white);border:3px solid var(--black);padding:20px;box-shadow:7px 7px var(--black)}.story h2{font-family:"Rubik Mono One",Impact,sans-serif}.values{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:35px 0}.faq-list{max-width:850px;margin:auto}.faq-list details{background:var(--white);border:3px solid var(--black);box-shadow:5px 5px var(--black);margin-bottom:10px}.faq-list summary{padding:16px;font-weight:1000;cursor:pointer}.faq-list details p{padding:0 16px 16px;margin:0}.contact-card{max-width:560px;margin:auto;background:var(--wall);color:var(--ink);padding:27px;border:4px solid var(--black);box-shadow:10px 10px var(--spray-pink)}.company-info{display:grid;gap:5px}.footer{background:var(--wall);color:var(--ink);padding:55px 0 20px;border-top:5px solid var(--black)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer h3{font-family:"Rubik Mono One",Impact,sans-serif;color:var(--spray-lime);font-size:1rem}.footer ul{list-style:none;padding:0;display:grid;gap:7px}.acceptable{border-left:4px solid var(--spray-pink);padding-left:12px;font-size:.86rem}.socials{display:flex;gap:7px}.socials span{width:32px;height:32px;border:2px solid var(--spray-cyan);border-radius:50%;display:grid;place-items:center}.company-bar{border-block:2px dashed var(--muted);padding:17px 0;margin-top:30px}.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:17px;color:var(--muted);font-size:.8rem}.cookie{position:fixed;left:18px;right:18px;bottom:18px;background:var(--white);border:4px solid var(--black);box-shadow:8px 8px var(--black);padding:14px;z-index:3000;display:flex;justify-content:space-between;gap:16px;align-items:center}.cookie.hide{display:none}.cookie-actions{display:flex;gap:8px}.legal{padding:65px 0}.legal article{max-width:800px;margin:auto;background:var(--paper);border:3px solid var(--black);box-shadow:10px 10px var(--spray-cyan);padding:32px}.legal h1{font-family:"Rubik Mono One",Impact,sans-serif;font-size:clamp(2.6rem,7vw,5rem);line-height:1}.buy-cta{width:100%}
.bar-65{width:65%}.bar-24{width:24%}.bar-7{width:7%}.bar-2{width:2%}.bar-77{width:77%}.bar-16{width:16%}.bar-4{width:4%}.bar-1{width:1%}.bar-84{width:84%}.bar-11{width:11%}.bar-3{width:3%}.bar-73{width:73%}.bar-18{width:18%}.bar-5{width:5%}
@media(max-width:900px){.nav-inner{grid-template-columns:1fr auto}.nav-links{display:none}.nav-links.open{display:flex;position:absolute;left:0;right:0;top:74px;background:var(--wall);padding:18px;flex-direction:column;border-bottom:3px solid var(--spray-lime)}.menu-toggle{display:block}.feature-wall{grid-template-columns:1fr}.feature-wall.reverse .feature-copy{order:initial}.purchase-card{position:relative;right:auto;bottom:auto;width:auto;max-width:760px;margin:30px auto 0}.cart-layout{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr}.photo-wall{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{width:calc(100% - 22px)}.hero h1{font-size:clamp(3.3rem,19vw,6rem)}.hero-stickers .sticker{font-size:.65rem;padding:7px}.s1{left:2%;top:13%}.s2{right:2%;top:22%}.s3{left:3%;bottom:10%}.s4{right:3%;bottom:20%}.s5{right:34%;top:7%}.photo-wall,.story-grid{grid-template-columns:1fr}.polaroid:nth-child(n){margin:0}.icon-row,.also-grid{grid-template-columns:1fr 1fr}.detail-grid,.spec-grid,.review-summary{grid-template-columns:1fr}.newsletter form{flex-direction:column}.subway{display:block}.subway:before{left:27px;right:auto;top:27px;bottom:27px;border-top:0;border-left:8px solid var(--spray-pink)}.stop{display:grid;grid-template-columns:56px 1fr;text-align:left;align-items:center;margin-bottom:22px}.stop span{margin-left:15px}.line-item{grid-template-columns:1fr}.cookie{flex-direction:column;align-items:stretch}.footer-grid{grid-template-columns:1fr}}@media(max-width:375px){.container{width:calc(100% - 18px)}.icon-row,.also-grid{grid-template-columns:1fr}.footer-bottom{display:block}}@media(prefers-reduced-motion:no-preference){.hero-inner{animation:reveal .4s ease both}.sticker{animation:float 6s ease-in-out infinite}@keyframes reveal{from{opacity:0;transform:scale(.8) rotate(-2deg)}to{opacity:1;transform:scale(1)}}@keyframes float{50%{translate:0 -6px}}}
.wall-card{background:var(--wall-soft);color:var(--ink);padding:24px;border:3px solid var(--black);box-shadow:8px 8px var(--black);margin-top:55px}.wall-card h2{font-family:"Rubik Mono One",Impact,sans-serif}

.feature-pricing{background:var(--concrete);color:var(--black)}.feature-pricing .section-head{margin-bottom:28px}.price-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.price-strip article{position:relative;background:var(--paper);color:var(--black);border:3px solid var(--black);box-shadow:8px 8px var(--black);padding:24px;transform:rotate(-.5deg)}.price-strip article:nth-child(2){transform:rotate(.7deg)}.price-strip article:nth-child(3){transform:rotate(-.8deg)}.price-strip article:nth-child(4){transform:rotate(.5deg)}.price-strip article.featured{box-shadow:8px 8px var(--spray-pink)}.price-strip span{display:block;font-family:"Rubik Mono One",Impact,sans-serif;font-size:1rem}.price-strip strong{display:inline-block;font-family:"Rubik Mono One",Impact,sans-serif;font-size:2.25rem;line-height:1;margin:12px 0 0}.price-strip small{font-weight:900}.price-strip p{min-height:60px}.price-badge{position:absolute;right:10px;top:-16px;background:var(--spray-pink);border:3px solid var(--black);padding:7px 10px;transform:rotate(-5deg);font-size:.7rem}.pricing-note{margin-top:30px}.stop-link{display:inline-block}.stop-link button{cursor:pointer}.stop-link+span{}
@media(max-width:900px){.price-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.price-strip{grid-template-columns:1fr}.price-strip article{transform:none!important}}