:root{--ink:#223042;--muted:#6c7685;--line:#2230421f;--pri:#8fa8c8;--pri2:#5f7b98;--acc:#f0b8a3;--shadow:0 20px 50px #384c631f;--w:min(1180px, calc(100vw - 32px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 0 0,#8fa8c83b,#0000 30%),radial-gradient(circle at 90% 0,#f0b8a333,#0000 24%),linear-gradient(#fffefb,#fff7f1);margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}body:has(.lightbox.open){overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}section[id]{scroll-margin-top:88px}.wrap{width:var(--w);margin:0 auto}.section{padding:88px 0}.head{text-align:center;margin-bottom:34px}.head p{max-width:720px;color:var(--muted);margin:0 auto}.eyebrow{color:var(--pri2);letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.head h2,.hero h1,.about-copy h2{margin:0;font-family:Source Han Serif SC,Songti SC,serif;line-height:1.15}.head h2{font-size:clamp(30px,5vw,48px)}header{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffaf6d6;border-bottom:1px solid #2230420d;padding:16px 0;position:sticky;top:0}.nav{background:#ffffffbd;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;display:flex;box-shadow:0 14px 36px #384c6314}.brand{align-items:center;gap:12px;display:flex}.brand img{background:#8fa8c81f;border-radius:18px;width:56px;height:56px;padding:6px}.brand b{font-size:18px;display:block}.brand span{color:var(--muted);font-size:13px;display:block}.links,.actions{align-items:center;gap:24px;display:flex}.links a{font-weight:600}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 20px;font-weight:700;transition:all .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--pri2), var(--pri));box-shadow:0 14px 26px #5f7b9838}.btn.alt{border-color:var(--line);background:#ffffffb8}.menu{border:1px solid var(--line);background:#fff;border-radius:16px;width:46px;height:46px;display:none}.menu span{background:var(--ink);width:20px;height:2px;margin:5px auto;display:block}.hero-grid,.about-grid,.contact-grid{align-items:center;gap:34px;display:grid}.hero-grid,.contact-grid{grid-template-columns:1.06fr .94fr}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.hero h1{font-size:clamp(40px,7vw,72px);line-height:1.04}.lead{max-width:620px;color:var(--muted);margin:20px 0 0;font-size:18px}.cta{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.stat,.card,.panel,.shot,.store,.footer-shell,.series-panel,.series-card{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #ffffffe6}.stat{border-radius:18px;padding:18px}.stat b{font-size:28px;display:block}.stat span{color:var(--muted);margin-top:8px;font-size:14px;display:block}.visual{min-height:520px;position:relative}.visual-main{height:100%;min-height:520px;box-shadow:var(--shadow);border-radius:34px;overflow:hidden}.visual-main img{object-fit:cover;width:100%;height:100%}.note{background:#ffffffeb;border-radius:20px;max-width:210px;padding:16px 18px;position:absolute;box-shadow:0 18px 30px #384c6324}.note span{color:var(--muted);font-size:12px;display:block}.note b{margin-top:8px;font-size:18px;line-height:1.35;display:block}.note.a{top:24px;left:-24px}.note.b{bottom:28px;right:-10px}.sticker{background:#ffffffeb;border-radius:22px;width:90px;height:90px;padding:10px;position:absolute;top:24px;right:24px;box-shadow:0 16px 28px #384c631f}.sticker img{object-fit:cover;border-radius:16px;width:100%;height:100%}.soft{position:relative}.soft:before{content:"";z-index:-1;box-shadow:var(--shadow);background:#ffffff8c;border-radius:38px;position:absolute;inset:48px 16px}.grid{gap:20px;display:grid}.services{grid-template-columns:repeat(3,1fr)}.service,.panel,.store,.shot,.series-card{border-radius:24px;overflow:hidden}.service{flex-direction:column;display:flex}.service-media{background:#f7f1ea;height:258px}.service-media img{object-fit:cover;object-position:var(--service-object-position,center center);width:100%;height:100%}.service .body{padding:20px}.service small{color:var(--pri2);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.service h3,.series-panel h3{margin:10px 0 8px;font-size:24px}.service p,.meta{color:var(--muted);margin:0}.info-card{border-radius:26px;padding:26px}.info-card h3{margin:0 0 8px}.gallery-tools{gap:14px;margin-bottom:28px;display:grid}.filters{flex-wrap:wrap;gap:10px;display:flex}.filter{border:1px solid var(--line);cursor:pointer;background:#ffffffbd;border-radius:999px;min-height:44px;padding:0 16px;font-weight:700}.filter.active{color:#fff;background:linear-gradient(135deg, var(--pri2), #c98e78);border-color:#0000}.series-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.series-card{text-align:left;cursor:pointer;min-height:260px;padding:0;transition:all .25s;position:relative}.series-card:hover,.series-card.active{transform:translateY(-4px);box-shadow:0 24px 44px #384c632e}.series-card img{object-fit:cover;width:100%;height:100%}.overlay{color:#fff;background:linear-gradient(#0000,#121924d6);padding:18px;position:absolute;inset:auto 0 0}.overlay h3{margin:10px 0 4px;font-size:20px}.overlay p{color:#ffffffd1;margin:0;font-size:13px}.tag{background:#ffffff2e;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.series-panel{border-radius:28px;justify-content:space-between;align-items:center;gap:18px;margin:22px 0 20px;padding:22px 24px;scroll-margin-top:112px;display:flex}.series-panel-copy{gap:8px;display:grid}.gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.shot{cursor:pointer;min-height:320px;padding:0;position:relative}.shot img{object-fit:cover;width:100%;height:100%}.about-section{margin-top:0}.about-grid>*{min-width:0}.art{width:100%;max-width:560px;min-height:500px;margin:0 auto;position:relative}.art .main{box-shadow:var(--shadow);border-radius:34px;position:absolute;inset:14px 84px 82px 14px;overflow:hidden}.art .main img,.art .tile img{object-fit:cover;width:100%;height:100%}.art .tile{border-radius:28px;width:170px;height:170px;position:absolute;right:0;overflow:hidden;box-shadow:0 18px 34px #384c6324}.art .top{top:24px}.art .bottom{bottom:0}.art .badge{background:#ffffffeb;border-radius:24px;max-width:230px;padding:18px 20px;position:absolute;bottom:24px;left:24px;box-shadow:0 18px 34px #384c631f}.art .badge span{color:var(--muted);font-size:13px;display:block}.art .badge b{margin-top:8px;font-size:18px;line-height:1.4;display:block}.about-copy{width:100%;max-width:560px;margin:0 auto}.about-copy p{color:var(--muted);margin:18px 0 0;font-size:17px}.features{gap:16px;margin-top:26px;display:grid}.features article{background:#ffffffc2;border-radius:22px;padding:20px 22px;box-shadow:0 14px 28px #384c6314}.features h3{margin:0 0 8px}.stores{gap:18px;display:grid}.store{padding:24px}.store .topline{justify-content:space-between;gap:14px;margin-bottom:14px;display:flex}.store h3,.panel h3{margin:0;font-size:24px}.pill{min-height:30px;color:var(--pri2);background:#8fa8c824;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.store p{color:var(--muted);margin:0}.meta-list{gap:10px;margin-top:14px;display:grid}.panel{border-radius:28px;padding:24px}.steps{gap:12px;margin-top:10px;display:grid}.step{grid-template-columns:auto 1fr;gap:12px;display:grid}.n{width:28px;height:28px;color:var(--pri2);background:#8fa8c82e;border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.phone{color:#fff;background:linear-gradient(135deg, var(--pri2), #c98e78);border-radius:999px;align-items:center;min-height:50px;padding:0 18px;font-weight:700;display:inline-flex;box-shadow:0 14px 28px #5f7b982e}.qr{background:linear-gradient(135deg,#8fa8c824,#f0b8a324);border-radius:24px;grid-template-columns:108px 1fr;align-items:center;gap:18px;padding:18px;display:grid}.qr img{background:#fff;border-radius:20px;width:108px;height:108px;padding:8px;box-shadow:0 16px 30px #384c631a}footer{padding:0 0 32px}.footer-shell{border-radius:32px;grid-template-columns:1.2fr .9fr .9fr;gap:24px;padding:32px;display:grid}.footer-shell h3{margin:0 0 14px;font-size:18px}.footer-shell ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-shell li,.footer-shell p{color:var(--muted);margin:0}.copy{color:var(--muted);text-align:center;margin-top:16px;font-size:14px}.topbtn{z-index:35;color:#fff;opacity:0;visibility:hidden;background:#223042e0;border:0;border-radius:999px;min-height:48px;padding:0 18px;transition:all .25s;position:fixed;bottom:20px;right:20px;transform:translateY(12px)}.topbtn.show{opacity:1;visibility:visible;transform:none}.lightbox{z-index:60;opacity:0;visibility:hidden;background:#0a0e16d6;place-items:center;padding:24px;transition:all .25s;display:grid;position:fixed;inset:0}.lightbox.open{opacity:1;visibility:visible}.lb{gap:18px;width:min(1100px,100%);display:grid}.fig{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border-radius:28px;place-items:center;min-height:60vh;padding:20px;display:grid}.fig img{object-fit:contain;border-radius:18px;max-width:100%;max-height:68vh}.cap{color:#fff;justify-content:space-between;gap:16px;display:flex}.cap h3{margin:0}.cap p{color:#ffffffb8;margin:6px 0 0}.lb-actions{flex-wrap:wrap;gap:10px;display:flex}.lb-actions button{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;min-height:44px;padding:0 16px}@media (width<=860px){.links,.actions{display:none}header.open .links,header.open .actions{display:flex}.menu{display:inline-block}.nav{flex-wrap:wrap}.links{flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding-top:12px}.actions{justify-content:stretch;width:100%;padding-top:8px}.actions .btn{flex:1}.hero-grid,.about-grid,.contact-grid,.footer-shell,.services,.stats{grid-template-columns:1fr}.visual{min-height:auto}.visual-main{min-height:400px}.series-panel{flex-direction:column;align-items:flex-start}}@media (width<=720px){.section{padding:74px 0}.nav,.panel,.store,.footer-shell,.service .body{padding:20px}.art{min-height:440px}.art .main{inset:0 70px 72px 8px}.art .tile{width:128px;height:128px}.qr{text-align:center;grid-template-columns:1fr;justify-items:center}.cap{flex-direction:column;align-items:flex-start}}