@import "tailwindcss";
@import "./interactive.css";
@import "./polished.css";
@import "./apple.css";
@import "./mobile.css";
@import "./product-controls.css";
@import "./desktop.css";
:root{--cream:#f3f0e9;--paper:#fbfaf7;--gold:#bd873e;--gold2:#d8a45d;--ink:#201a17;--muted:#6f6a64;--charcoal:#4f555a;--line:#d9d4ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{height:32px;background:#25221f;color:#d6d0c8;text-align:center;font-size:10px;letter-spacing:.14em;line-height:32px}.topbar span{margin-left:32px;color:#aa9c8d}.nav{height:100px;background:white;display:flex;align-items:center;justify-content:space-between}.nav:before{content:"";position:absolute;left:0;right:0;height:100px;background:#fff;z-index:-1}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-seal{border:1px solid var(--gold);width:50px;height:50px;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--gold);font-family:serif;font-size:13px;line-height:1.1}.brand b{font-family:serif;font-size:16px;letter-spacing:.12em}.brand small{display:block;font-size:8px;letter-spacing:.28em;margin-top:5px;color:var(--gold)}.nav nav{display:flex;gap:35px}.nav nav a,.lang{color:#342c27;text-decoration:none;font-family:serif;font-size:14px}.nav nav a:first-child{color:var(--gold)}.lang{font-size:11px;color:#766b61}.hero{height:610px;position:relative;overflow:hidden;background:#e8ded0}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(244,237,226,.98) 0%,rgba(244,237,226,.88) 34%,rgba(244,237,226,.12) 67%),url('/hero-textiles.png');background-size:cover;background-position:center}.hero-content{position:relative;padding-top:120px}.kicker,.section-tag,.title-center>p{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.17em}.hero h1{font-family:Georgia,"Noto Serif SC",serif;font-size:62px;line-height:1.17;margin:22px 0;color:#281d17}.hero-content>p:nth-of-type(2){color:#6d6259;font-size:16px;margin-bottom:36px}.gold-button,.ghost-button{display:inline-block;text-decoration:none;padding:15px 25px;font-size:13px}.gold-button{background:var(--gold2);color:#fff}.ghost-button{color:#5d5149;border:1px solid #aa9e91;margin-left:12px}.hero-note{position:absolute;right:8%;bottom:56px;background:rgba(255,255,255,.86);padding:19px 30px;text-align:center;color:#6e645d;font-size:12px;line-height:1.8;box-shadow:0 12px 30px #6d5a4930}.hero-note strong{font-size:14px;color:#2f2723}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:110px;padding-bottom:75px}.intro h2,.title-center h2,.quality h2,.faq h2,.contact h2{font:500 39px/1.4 Georgia,"Noto Serif SC",serif;margin:18px 0 24px}.intro-copy>p:nth-of-type(2){color:var(--muted);line-height:2;font-size:14px;margin-bottom:32px}.intro-image{height:350px;background:#d8c7ad;position:relative;overflow:hidden}.intro-image:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#fff1 0 1px,transparent 1px 5px)}.swatch-stack{display:flex;position:absolute;top:54px;left:60px;transform:rotate(-6deg);box-shadow:0 12px 30px #51443633}.swatch-stack i{display:block;width:70px;height:160px;background:#b88e64}.swatch-stack i:nth-child(2){background:#8d6548}.swatch-stack i:nth-child(3){background:#6a7461}.swatch-stack i:nth-child(4){background:#2f3f3a}.swatch-stack i:nth-child(5){background:#b96956}.intro-image>span{position:absolute;right:25px;bottom:23px;background:#fff;padding:17px 22px;font-size:11px;line-height:1.8}.intro-image b{font-size:14px}.stats{background:white;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 14px 34px #51493f14;margin-bottom:110px}.stats div{text-align:center;padding:38px;border-right:1px solid #eeeae3;display:grid;gap:8px}.stats i{color:var(--gold);font-style:normal}.stats strong{font:38px Georgia}.stats span{font-size:13px;color:#77706a}.products{padding-bottom:115px}.title-center{text-align:center;margin-bottom:45px}.title-center h2{margin:12px 0 10px}.title-center span{font-size:13px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-grid article{background:white;padding-bottom:23px}.fabric-shot{height:230px;position:relative;overflow:hidden;background:#a88d6a}.fabric-shot:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(32deg,#fff1 0 1px,transparent 1px 4px)}.fabric-shot small{position:absolute;left:16px;bottom:14px;z-index:1;color:#fff;font-size:9px;letter-spacing:.15em}.washed{background:#a77c65}.coated{background:#3d4d46}.printed{background:linear-gradient(135deg,#b2a172 25%,#4c5d4d 25% 50%,#b96652 50% 75%,#d4c2a3 75%)}.product-grid h3,.product-grid p,.product-grid a{margin-left:20px;margin-right:20px}.product-grid h3{font:500 22px Georgia,"Noto Serif SC",serif;margin-bottom:8px}.product-grid p{font-size:12px;color:var(--muted);line-height:1.7;min-height:42px}.product-grid a{font-size:11px;color:var(--gold);text-decoration:none}.quality{background:#e8e4dc;padding:100px 0}.quality-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.quality-inner>div:first-child>p:last-child{color:var(--muted);font-size:13px;line-height:1.9}.quality-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quality-cards article{background:white;padding:30px 25px;min-height:220px}.quality-cards b{color:var(--gold);font:20px Georgia}.quality-cards h3{font:500 19px Georgia,"Noto Serif SC",serif;margin-top:48px}.quality-cards p{font-size:12px;color:var(--muted);line-height:1.7}.faq{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:110px;padding-bottom:110px}.faq-copy>p:last-child{color:var(--muted);font-size:13px;line-height:1.9}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{font-weight:700;font-size:14px;cursor:pointer;list-style:none}.faq-list summary span{float:right;color:var(--gold);font-size:18px}.faq-list details p{font-size:13px;color:var(--muted);line-height:1.8;padding-right:25px}.contact{background:#d6ae73;padding:90px 0}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:43px}.contact-inner>div>p{font-size:10px;letter-spacing:.18em}.contact-inner>div>span{font-size:13px;line-height:1.8}.contact form{background:white;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact label{display:grid;gap:8px;font-size:11px;font-weight:700}.contact label:nth-of-type(4){grid-column:1/-1}.contact input,.contact select,.contact textarea{border:0;border-bottom:1px solid #c6c1ba;padding:11px 0;background:transparent;font:13px inherit;outline:none}.contact button{grid-column:1/-1;border:0;background:#3f3b37;color:white;padding:15px;cursor:pointer}.contact form small{grid-column:1/-1;color:#888;font-size:10px}footer{background:var(--charcoal);color:#fff;padding:72px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:50px}.footer-brand{color:white;align-self:start}.footer-grid h4{margin:0 0 22px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid a,.footer-grid p{color:#e2e4e5;text-decoration:none;font-size:12px;margin:0;line-height:1.8}.copyright{border-top:1px solid #72777c;margin-top:50px;padding-top:18px;color:#b9bdc0;font-size:10px}
@media(max-width:900px){.nav nav{display:none}.hero{height:570px}.hero h1{font-size:48px}.hero-photo{background-position:58% center}.intro,.quality-inner,.faq,.contact-inner{grid-template-columns:1fr;gap:45px}.product-grid{grid-template-columns:1fr 1fr}.quality-cards{grid-template-columns:1fr 1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.topbar span{display:none}}
@media(max-width:560px){.shell{width:calc(100% - 30px)}.topbar{font-size:9px}.nav{height:78px}.brand-seal{width:42px;height:42px}.lang{display:none}.hero{height:600px}.hero-photo{background-image:linear-gradient(90deg,rgba(244,237,226,.96),rgba(244,237,226,.52)),url('/hero-textiles.png');background-position:67% center}.hero-content{padding-top:90px}.hero h1{font-size:40px}.hero-note{right:15px;bottom:35px}.intro{padding-top:75px}.intro h2,.title-center h2,.quality h2,.faq h2,.contact h2{font-size:31px}.stats{margin-bottom:75px}.stats div{padding:24px 8px}.stats strong{font-size:28px}.product-grid{grid-template-columns:1fr}.quality-cards{grid-template-columns:1fr}.quality-cards article{min-height:auto}.contact form{grid-template-columns:1fr}.contact label:nth-of-type(4){grid-column:auto}.footer-grid{grid-template-columns:1fr}.ghost-button{margin-left:5px}.gold-button,.ghost-button{padding:14px 14px}}
.brand img{display:block;width:132px;height:74px;object-fit:cover;object-position:center 42%;border-radius:3px}.footer-brand img{width:170px;height:170px;object-fit:cover;object-position:center}@media(max-width:560px){.brand img{width:100px;height:58px}.footer-brand img{width:145px;height:145px}}
.contact-info{margin-top:32px;padding-top:24px;border-top:1px solid rgba(48,38,27,.2);display:grid;gap:8px}.contact-info b{font:600 18px Georgia,"Noto Serif SC",serif}.contact-info a{color:#29221d;font-size:22px;font-weight:700;text-decoration:none}.contact-info address{font-style:normal;font-size:13px;line-height:1.8;color:#554a40}
.map-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.contact-info .map-links a{background:#fff;color:#45392e;border:1px solid rgba(69,57,46,.18);padding:9px 13px;font-size:11px;font-weight:700;box-shadow:0 5px 14px rgba(78,55,30,.08)}.contact-info .map-links a:hover{background:#4f555a;color:#fff}
.featured-product{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;background:#fff;box-shadow:0 18px 44px rgba(54,45,35,.1)}.featured-image{position:relative;background:#e7e2d8;min-height:580px}.featured-image img{width:100%;height:100%;display:block;object-fit:cover}.featured-image>span{display:none}.featured-copy{padding:60px}.featured-copy:before{content:"洗褪系列 · NEW";display:inline-block;background:#bd873e;color:#fff;padding:9px 13px;margin-bottom:12px;font-size:10px;letter-spacing:.12em}.featured-copy h2{font:500 31px/1.35 Georgia,"Noto Serif SC",serif;margin:14px 0 20px}.featured-copy h2 strong{font-size:37px}.featured-copy>p:nth-of-type(2){color:#6f6a64;font-size:13px;line-height:1.9}.featured-copy dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e1ddd5;border-left:1px solid #e1ddd5;margin:28px 0}.featured-copy dl div{display:flex;justify-content:space-between;border-right:1px solid #e1ddd5;border-bottom:1px solid #e1ddd5;padding:13px}.featured-copy dt{color:#8a8178;font-size:11px}.featured-copy dd{margin:0;font-weight:700;font-size:12px}.finish-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.finish-tags span{background:#f0ece4;padding:8px 11px;font-size:11px;color:#5c5148}.jf2718-library{padding-top:78px;padding-bottom:90px}.product-gallery-head{text-align:center;margin-bottom:34px}.product-gallery-head p{color:#bd873e;font-size:10px;font-weight:700;letter-spacing:.2em}.product-gallery-head h2{font:500 32px/1.3 Georgia,"Noto Serif SC",serif;margin:10px 0}.product-gallery-head span{color:#777069;font-size:13px}.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-gallery figure{margin:0;background:#f4f1eb;border:1px solid #e6e0d7}.product-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f7f5f0}.product-gallery figcaption{padding:10px 12px;color:#756b61;font-size:10px;letter-spacing:.08em}@media(max-width:760px){.featured-product{grid-template-columns:1fr}.featured-image{min-height:480px}.featured-copy{padding:30px}.featured-copy h2 strong{font-size:30px}.jf2718-library{padding-top:52px}.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-gallery-head h2{font-size:27px}.product-gallery figcaption{padding:8px;font-size:9px}}
.order-card{margin-top:14px}.order-toggle{width:100%;border:1px solid #bd873e;background:#fff;color:#8c5e23;padding:14px;font-weight:700;cursor:pointer}.order-card form{margin-top:12px;padding:20px;background:#f6f2eb;display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-card label{display:grid;gap:6px;font-size:11px;color:#62594f}.order-card input,.order-card textarea{width:100%;box-sizing:border-box;border:1px solid #d8d0c5;background:#fff;padding:10px;font:inherit}.order-card label:nth-last-of-type(-n+2){grid-column:1/-1}.order-card form>button{grid-column:1/-1;border:0;background:#4f555a;color:#fff;padding:13px;font-weight:700}.form-message{grid-column:1/-1;margin:0;color:#765120!important;font-weight:700}.admin-shell{min-height:100vh;background:#f3efe8;padding:42px 5vw;color:#2c2926}.admin-shell header{display:flex;justify-content:space-between;align-items:end;max-width:1280px;margin:auto auto 30px}.admin-shell header p{color:#bd873e;letter-spacing:.2em;font-size:10px}.admin-shell header h1{font:500 38px Georgia,"Noto Serif SC",serif;margin:8px 0}.admin-shell header a,.admin-denied a{color:#fff;background:#4f555a;padding:12px 18px;text-decoration:none}.admin-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(380px,.8fr) 1.2fr;gap:24px}.admin-form,.admin-list,.records{background:#fff;padding:28px}.admin-form{display:grid;gap:13px}.admin-form label{display:grid;gap:6px;font-size:12px}.admin-form input,.admin-form select,.admin-form textarea{padding:11px;border:1px solid #d8d1c7;background:#fff}.admin-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-form button{border:0;background:#bd873e;color:#fff;padding:14px;font-weight:700}.admin-list article{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;border-top:1px solid #ece6dd;padding:14px 0}.admin-list img{width:74px;height:64px;object-fit:cover}.admin-list h3{margin:4px 0;font-size:14px}.admin-list span{font-size:11px;color:#777}.admin-list button{border:1px solid #c9c0b5;background:#fff;padding:7px}.records{max-width:1224px;margin:24px auto}.record-table{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.record-table article{display:grid;gap:5px;background:#f6f2eb;padding:15px}.record-table span,.record-table small{font-size:12px;color:#686057}.admin-denied{padding:80px;text-align:center}.admin-denied a{display:inline-block;margin-top:20px}@media(max-width:760px){.order-card form,.admin-grid,.record-table{grid-template-columns:1fr}.order-card label{grid-column:1/-1}.admin-shell{padding:25px 14px}.admin-shell header{align-items:start}.admin-shell header h1{font-size:28px}.admin-fields{grid-template-columns:1fr}.admin-list article{grid-template-columns:58px 1fr auto}.admin-list img{width:58px;height:52px}}