:root{--ink:#142941;--blue:#164ec9;--gold:#d8ae5b;--paper:#f4f6f8;--muted:#607083;--line:#dce2e8;--max:1280px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;line-height:1.7;font-size:16px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}h1{font-size:clamp(2.35rem,4.8vw,4.8rem);letter-spacing:-.035em;font-weight:750}h2{font-size:clamp(1.9rem,3.2vw,3rem);letter-spacing:-.025em}h3{font-size:1.35rem}p{color:var(--muted)}.wrap{max-width:var(--max);width:calc(100% - 96px);margin:auto}.eyebrow{font-size:.875rem;letter-spacing:.11em;font-weight:650;display:flex;gap:12px;align-items:center;margin-bottom:20px}.eyebrow:before{content:"";width:26px;height:2px;background:var(--gold)}.header{height:88px;border-bottom:1px solid var(--line);background:#fffc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#fff;width:48px;height:48px;font-size:23px;font-weight:800;letter-spacing:-2px;border-bottom:3px solid var(--gold)}.brand-name{display:block;font-size:1.2rem;font-weight:750;line-height:1.2;letter-spacing:.1em}.brand-en{display:block;font-size:.75rem;letter-spacing:.12em;color:var(--muted);margin-top:6px}.nav{display:flex;align-items:center;gap:28px;font-size:.9375rem}.nav a:hover{color:var(--blue)}.nav .nav-contact{background:var(--ink);color:white;padding:11px 20px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 14px}.hero{padding:70px 0 54px;background:linear-gradient(130deg,#f6f8fb 0%,#fff 64%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{margin-top:25px;max-width:480px;font-size:1.0625rem}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 25px;min-height:50px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:600}.btn.secondary{background:transparent;color:var(--ink);border-color:#adb8c4}.btn:hover{background:var(--blue);border-color:var(--blue);color:white}.hero-tags{display:flex;gap:22px;margin-top:35px;color:var(--muted);font-size:.875rem;flex-wrap:wrap}.hero-tags span{border-left:2px solid var(--gold);padding-left:10px}.hero-photo{background:#e8edf3;position:relative;padding:32px 25px 0;border:1px solid #dce3ec}.hero-photo img{width:100%;height:410px;object-fit:contain;mix-blend-mode:multiply}.photo-top{display:flex;justify-content:space-between;color:#53687e;font-size:.8125rem;letter-spacing:.12em}.photo-bottom{display:flex;justify-content:space-between;border-top:1px solid #c8d2df;padding:15px 0;margin-top:12px;gap:20px;font-size:.875rem;color:#4b6178}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:44px;font-size:.8125rem;color:var(--muted);letter-spacing:.09em}.hero-bottom .line{flex:1;height:1px;background:var(--line);margin:0 30px}.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-head p{max-width:380px}.section-head .eyebrow{margin-bottom:14px}.filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter button{border:1px solid var(--line);background:white;color:var(--muted);padding:9px 18px}.filter button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{border:1px solid var(--line);background:white;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.product:hover{transform:translateY(-5px);box-shadow:0 12px 24px #1429410d}.product-visual{background:#eef1f4;position:relative;padding:20px 15px;overflow:hidden}.product-visual img{width:100%;height:230px;object-fit:contain;mix-blend-mode:multiply}.product-code{font-family:monospace;color:#5b6e83;font-size:.8125rem;margin-bottom:12px;display:block}.product-info{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}.product-info h3{font-size:1.125rem;margin-bottom:10px}.product-info p{font-size:.9375rem;line-height:1.7;margin-bottom:18px}.text-link{color:var(--blue);font-size:.9375rem;font-weight:600;border-bottom:1px solid #164ec940;padding-bottom:3px;align-self:start;margin-top:auto}.product[hidden]{display:none}.note{font-size:.875rem;margin-top:22px;color:var(--muted)}.custom{background:var(--ink);color:white;position:relative}.custom .eyebrow{color:#ced8e5}.custom-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.custom h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.35}.custom p{color:#bac8d8}.custom-intro p{margin:25px 0}.custom .btn{background:var(--gold);border-color:var(--gold);color:var(--ink)}.steps{display:grid;grid-template-columns:1fr 1fr;gap:35px 30px}.step{border-top:1px solid #52647a;padding-top:20px}.step-num{color:var(--gold);font-family:monospace;letter-spacing:.07em;font-size:.875rem}.step h3{margin:10px 0 12px;font-size:1.125rem}.step p{font-size:.9375rem}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.about-copy p+p{margin-top:20px}.about-copy h2{margin-bottom:24px}.about-facts{border-top:1px solid var(--ink)}.fact{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);gap:20px}.fact span{color:var(--muted);flex-shrink:0}.fact strong{font-weight:550;text-align:right}.about-quote{border-left:3px solid var(--gold);padding-left:22px;margin-top:35px;font-size:1.25rem;font-weight:600}.faq{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{font-size:1.0625rem;cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.35rem;font-weight:400;color:var(--blue)}.faq details[open] summary:after{content:"−"}.faq details p{margin-top:15px;max-width:650px}.contact{padding:70px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-copy>p{margin-top:20px}.contact-person{margin-top:28px;border-left:3px solid var(--gold);padding-left:18px}.contact-person strong{font-size:1.125rem}.contact-person p{font-size:.875rem;margin-top:5px}.wechat-card{background:var(--paper);border:1px solid var(--line);padding:28px;display:flex;align-items:center;gap:28px}.wechat-card img{width:160px;height:160px;object-fit:contain;flex-shrink:0}.wechat-card h3{font-size:1.125rem;margin-bottom:8px}.wechat-id{color:var(--ink);font-family:monospace;font-size:1.125rem;word-break:break-all}.copy-button{margin-top:12px;background:var(--ink);color:white;border:0;padding:9px 18px;min-height:44px}.wechat-card small{display:block;color:var(--muted);font-size:.875rem;margin-top:10px}.footer{background:#0e2035;color:#bac8d8;padding:35px 0 100px;font-size:.875rem}.footer-top{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #314357;padding-bottom:22px;margin-bottom:20px}.footer p{color:#9cacbe}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:.8125rem}.floating-contact{position:fixed;right:26px;bottom:25px;background:var(--blue);color:white;padding:12px 22px;box-shadow:0 5px 20px #0002;z-index:15;font-size:.9375rem}.skip-link{position:fixed;left:15px;top:-100px;background:#fff;padding:12px;z-index:50}.skip-link:focus{top:15px}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);padding:12px 22px;max-width:90vw;background:#142941;color:#fff;z-index:60;box-shadow:0 5px 20px #0002}.toast[hidden]{display:none}.breadcrumb{font-size:.875rem;color:var(--muted);padding-top:30px}.detail-hero{padding-top:40px}.detail-hero h1{font-size:clamp(2.2rem,4vw,3.5rem)}.detail-hero .hero-photo img{height:440px;mix-blend-mode:normal}.detail-hero .hero-photo{background:var(--paper);padding-bottom:25px}.detail-label{display:inline-block;border:1px solid var(--line);padding:6px 13px;color:var(--muted);margin-top:20px;font-size:.875rem}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.details-grid h3{margin-bottom:20px}.details-grid ul{padding-left:20px;color:var(--muted)}.requirement{background:var(--paper)}.brief-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;color:var(--ink);font-size:.9375rem}.field input,.field select,.field textarea{width:100%;border:1px solid #abb8c7;background:white;padding:11px;color:var(--ink);border-radius:0}.field-wide{grid-column:1/-1}.brief-actions{grid-column:1/-1}.brief-result{margin-top:20px;padding:20px;border:1px solid var(--line);background:#fff;white-space:pre-wrap;color:var(--ink);font-size:.9375rem;line-height:1.9}.legal{max-width:850px;padding:70px 0}.legal h1{font-size:2.25rem;margin-bottom:30px}.legal h2{font-size:1.35rem;margin:30px 0 15px}.legal p{margin:12px 0}.legal a{color:var(--blue);text-decoration:underline}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav{gap:18px}.product-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:30px}.hero-photo img{height:340px}.custom-grid,.about-grid,.faq-grid,.contact-grid{gap:45px}.wechat-card{gap:18px;padding:20px}.wechat-card img{width:130px;height:130px}.hero-copy>p{font-size:1rem}}@media(max-width:760px){html{scroll-padding-top:86px}.wrap{width:calc(100% - 40px)}.header{height:76px}.brand-mark{width:40px;height:40px;font-size:20px}.brand-name{font-size:1.0625rem}.brand-en{font-size:.75rem}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 20px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px}.nav .nav-contact{text-align:center;margin-top:8px}.hero{padding:42px 0 28px}.hero-grid,.custom-grid,.about-grid,.faq-grid,.contact-grid,.details-grid,.brief-grid{grid-template-columns:1fr;gap:35px}h1{font-size:2.55rem;line-height:1.2}.hero-copy>p{margin-top:20px}.actions{margin-top:24px;gap:10px}.btn{padding:12px 19px}.hero-tags{margin-top:24px;gap:12px}.hero-photo{padding:20px 20px 0}.hero-photo img{height:285px}.hero-bottom{padding-top:28px;font-size:.75rem;letter-spacing:0}.hero-bottom .line{margin:0 12px}.section{padding:54px 0}.section-head{display:block;margin-bottom:26px}.section-head p{margin-top:20px}.product-grid{gap:14px}.product-visual{padding:14px 10px}.product-visual img{height:170px}.product-info{padding:16px}.product-info h3{font-size:1rem}.product-info p{font-size:.875rem}.filter{gap:8px}.filter button{padding:8px 12px;font-size:.875rem}.steps{gap:24px 22px}.about-quote{font-size:1.125rem}.fact{font-size:.9375rem}.contact{padding:54px 0}.wechat-card{padding:22px}.wechat-card img{width:125px;height:125px}.footer-top,.footer-bottom{flex-direction:column;gap:16px}.floating-contact{right:20px;bottom:18px;padding:11px 19px}.detail-hero .hero-photo img{height:360px}.brief-form{gap:16px}.breadcrumb{font-size:.8125rem}.contact-copy h2 br{display:none}}@media(max-width:380px){.product-grid{grid-template-columns:1fr}.wechat-card{flex-direction:column;align-items:flex-start}.brief-form{grid-template-columns:1fr}.brand-en{letter-spacing:.05em}.hero-tags{font-size:.8125rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
