*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111111;color:#f3f0eb;font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif;line-height:1.78}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.header{position:sticky;top:0;z-index:60;height:76px;padding:0 max(20px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:34px;background:rgba(17,17,17,.92);border-bottom:1px solid #2c2924;backdrop-filter:blur(14px)}
.logo{width:150px}.logo img{width:100%}nav{display:flex;gap:24px;margin-left:auto}nav a{font-size:14px;color:#e3ddd2}.header-btn{padding:12px 18px;border-radius:999px;background:#d7b676;color:#1d1811;font-weight:900;font-size:14px}
.hero{padding:92px max(20px,calc((100vw - 1320px)/2)) 86px;display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center;background:radial-gradient(circle at right top,rgba(215,182,118,.12),transparent 38%),linear-gradient(180deg,#111111,#171512)}.eyebrow{margin:0 0 14px;font-size:12px;letter-spacing:.18em;color:#d7b676;font-weight:900}.hero h1,.section-head h2,.text h2{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:8px 0 20px}.lead{color:#cfc6b9}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:16px;font-weight:900}.primary{background:#fff;color:#111}.secondary{border:1px solid #50473a;color:#eadfce}
.hero-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'a b' 'c d';gap:16px}.hero-collage figure{margin:0;border-radius:24px;overflow:hidden;background:#1b1a18;border:1px solid #342f28}.hero-collage img{width:100%;height:100%;object-fit:cover}.a{grid-area:a}.b{grid-area:b}.c{grid-area:c}.d{grid-area:d}.a img,.c img{aspect-ratio:4/5}.b img,.d img{aspect-ratio:4/3}
.mobile,.desktop,.faq{width:min(1320px,calc(100% - 40px));margin:auto;padding:108px 0}.section-head{display:grid;grid-template-columns:220px 1fr .95fr;gap:28px;align-items:end;margin-bottom:32px}.section-head.narrow{grid-template-columns:170px 1fr .95fr}.section-head p:last-child,.text p:last-child,.download-panel p:last-child{color:#bdaea0}
.mobile-grid{display:grid;grid-template-columns:.8fr .8fr .8fr 1.6fr;gap:18px;align-items:start}.mobile-grid figure,.desktop-grid figure,.pics figure{margin:0;border-radius:24px;overflow:hidden;background:#1b1a18;border:1px solid #342f28}.mobile-grid .tall img{aspect-ratio:4/5;object-fit:cover}.mobile-grid .wide img{aspect-ratio:16/10;object-fit:cover}.mobile-grid figcaption,.desktop-grid figcaption,.pics figcaption{padding:16px 18px}.mobile-grid b,.desktop-grid b{display:block;font-size:18px;margin-bottom:6px}.mobile-grid span,.desktop-grid span{color:#bdaea0;font-size:14px}
.desktop-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.desktop-grid .big img{aspect-ratio:16/12;object-fit:cover}.desktop-grid figure:not(.big) img{aspect-ratio:4/3;object-fit:cover}
.compare{padding:108px max(20px,calc((100vw - 1320px)/2));background:#efe7db;color:#171717}.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.compare-grid article{padding:24px;border-radius:22px;background:#fff;border:1px solid #d9cebd}.compare-grid b{display:block;font-size:20px;margin-bottom:10px}.compare-grid p{margin:0;color:#5d5954}
.mixed-showcase{width:min(1320px,calc(100% - 40px));margin:auto;padding:108px 0;display:grid;grid-template-columns:.84fr 1.16fr;gap:28px;align-items:start}.pics{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pics img{width:100%;height:100%;object-fit:cover}.pics figure:first-child img{aspect-ratio:4/5}.pics figure:last-child img{aspect-ratio:4/3}
.download{width:min(1320px,calc(100% - 40px));margin:auto;padding:0 0 28px}.download-panel{padding:28px;border-radius:26px;background:linear-gradient(135deg,#1b1a18,#40311e);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.download-panel h2{font-size:clamp(30px,4vw,46px);line-height:1.06;letter-spacing:-.05em;margin:8px 0 16px}.download-links{display:grid;gap:14px}.download-links a{display:inline-flex;padding:15px 22px;border-radius:16px;background:#fff;color:#111;font-weight:900;white-space:nowrap}
.faq-list{display:grid;gap:14px}.faq details{background:#1b1a18;border:1px solid #342f28;border-radius:18px;padding:0 20px}.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:900;font-size:18px}.faq summary::-webkit-details-marker{display:none}.faq p{margin:0 0 18px;color:#bdaea0}
.footer{width:min(1320px,calc(100% - 40px));margin:0 auto;padding:22px 0 108px;border-top:1px solid #2e2a24;color:#bdaea0}.footer img{width:150px;margin-bottom:14px}
.mobile-bar{display:none}
@media(max-width:1100px){nav{display:none}.hero,.section-head,.mixed-showcase,.download-panel{grid-template-columns:1fr}.mobile-grid,.desktop-grid,.compare-grid,.pics{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.header{padding:0 14px;height:68px}.header-btn{display:none}.hero{padding:72px 14px 70px;grid-template-columns:1fr}.mobile,.desktop,.faq,.mixed-showcase,.download{width:calc(100% - 28px);padding:74px 0}.hero-collage,.mobile-grid,.desktop-grid,.compare-grid,.pics{grid-template-columns:1fr}.compare{padding:74px 14px}.download-panel{padding:20px}.footer{width:calc(100% - 28px)}.mobile-bar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;justify-content:center;padding:14px 18px;border-radius:16px;background:#d7b676;color:#1d1811;font-weight:900;z-index:80}}

.preview-logic{width:min(1320px,calc(100% - 40px));margin:auto;padding:0 0 108px}.logic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.logic-grid article{padding:24px;border-radius:22px;background:#1b1a18;border:1px solid #342f28}.logic-grid b{display:block;font-size:20px;margin-bottom:10px}.logic-grid p{margin:0;color:#bdaea0}
@media(max-width:1100px){.logic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.preview-logic{width:calc(100% - 28px);padding:0 0 74px}.logic-grid{grid-template-columns:1fr}}