:root{--ink:#173544;--muted:#6a7e87;--blue:#194b64;--blue-dark:#123b50;--line:#dfe7e9;--paper:#f6f8f8;--orange:#bd8550;--soft-blue:#edf4f6;--amber:#9a6b32}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b88a51;outline-offset:3px}button{transition:background .16s,box-shadow .16s,transform .16s}button:active{transform:translateY(1px)}.container{max-width:1240px;padding:0 36px;margin:0 auto}.header{height:85px;border-bottom:1px solid var(--line);background:#fff}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:750;letter-spacing:1px;line-height:1.3}.wordmark small{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:2px;margin-top:4px}.mark{display:flex;background:var(--blue-dark);color:white;border-radius:9px;width:40px;height:43px;padding:4px}.header nav{display:flex;align-items:center;gap:37px}.header-note{font-size:12px;color:var(--muted)}.header-note i,.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#9aaf9d;display:inline-block;margin-right:7px}.text-button{background:none;border:0;padding:8px 0;font-size:12px;font-weight:550;color:var(--blue)}.text-button:hover{color:#a06c36}.header .text-button{font-size:13px}.header .text-button span{margin-left:6px}.hero{background:#f0f5f5;border-bottom:1px solid #e4ecec;overflow:hidden}.hero-inner{display:flex;align-items:center;justify-content:space-between;min-height:374px;gap:50px}.hero-copy{padding:37px 0 34px;flex:1}.eyebrow{font-size:11px;letter-spacing:2px;color:#5c7d83;font-weight:650;display:block}.eyebrow>span{background:#b08a5b;border-radius:0;vertical-align:1px;width:5px;height:5px}.hero h1{font-size:38px;letter-spacing:-.7px;line-height:1.45;font-weight:650;margin:15px 0 12px}.hero h1 span{color:#3d6c7c}.hero p{color:#6e8187;font-size:13px;line-height:1.9;margin:0}.brand-row{display:flex;align-items:center;gap:18px;margin-top:26px}.brand-token{display:flex;align-items:center;gap:8px}.brand-token b{font-size:16px;letter-spacing:.3px}.gw-mark{color:#ae4539}.sino-mark{color:#395a71;font-style:italic}.brand-token>span{font-size:9px;letter-spacing:.6px;color:#788a90}.brand-row>i{height:15px;width:1px;background:#cad8db}.brand-row>small{color:#84959a;font-size:10px;margin-left:4px}.hero-art{width:420px;flex:0 0 420px;height:300px;position:relative;margin:20px 0;isolation:isolate}.art-grid{inset:22px -20px 15px;position:absolute;background-image:linear-gradient(#cbdcdd66 1px,transparent 1px),linear-gradient(90deg,#cbdcdd66 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,black,transparent 72%);z-index:-1}.art-topline{display:flex;justify-content:space-between;font-size:8px;color:#839da6;letter-spacing:1.3px;padding:14px 12px}.system-art{width:100%;position:absolute;top:21px;left:0}.art-label{position:absolute;display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.5px;color:#446776;background:#fff;border:1px solid #d9e5e8;padding:6px 11px;border-radius:3px;box-shadow:0 4px 12px #33546108}.art-label i{width:5px;height:5px;border-radius:50%;background:#4f8b9e}.art-label.one{top:100px;left:0}.art-label.two{bottom:66px;right:0}.art-label.two i{background:#c39360}.art-bottom{display:flex;justify-content:center;align-items:center;gap:9px;position:absolute;bottom:5px;width:100%;font-size:9px;color:#8ca0a5}.signal{display:flex;gap:2px;align-items:end;height:10px}.signal i{display:block;width:2px;background:#75989f;height:4px}.signal i:nth-child(2){height:6px}.signal i:nth-child(3){height:8px}.signal i:nth-child(4){height:10px}.selector-section{padding-top:35px}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.tiny{font-size:9px;letter-spacing:2px;color:#8b9c9e}h2{font-size:21px;letter-spacing:.1px;font-weight:650;margin:5px 0 0}.data-note{font-size:10px;color:#95a2a7;white-space:nowrap;padding-bottom:3px}.data-note b{font-weight:450;margin-left:5px;color:#6f878f}.role-bar{display:flex;align-items:center;gap:18px;padding:13px 18px;border:1px solid var(--line);border-radius:8px;margin-bottom:24px}.role-bar>span{font-size:11px;color:var(--muted)}.role-options{display:flex;gap:4px}.role-options button{background:transparent;border:0;padding:7px 15px;border-radius:5px;font-size:12px;color:#6e838d}.role-options button.active{color:var(--blue);background:var(--soft-blue);font-weight:650}.role-bar p{font-size:10px;color:#8a989d;margin:0 0 0 auto}.workspace{display:grid;grid-template-columns:244px minmax(0,1fr);gap:27px;align-items:start}.filters{background:#f8fafb;border:1px solid var(--line);border-radius:8px;overflow:hidden;position:sticky;top:20px}.filter-head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line)}.filter-head h3{font-size:13px;margin:0;font-weight:650}.filter-head .text-button{font-size:11px;color:#81939a}.filter-body{padding:18px}.field-label,.brand-filter legend,.select-field label{font-size:11px;color:#48626e;font-weight:550;display:block;margin-bottom:8px}.search-wrap{position:relative}.search-wrap svg{position:absolute;top:13px;left:10px;color:#859ba4}.search-wrap input{width:100%;background:#fff;border:1px solid #dce5e9;border-radius:5px;padding:10px 9px 10px 33px;font-size:11px;min-width:0;color:var(--ink);height:42px}.search-wrap input::placeholder{color:#9ba9af}.brand-filter{border:0;padding:0;margin:20px 0}.segmented{display:flex;border:1px solid #dce5e9;border-radius:5px;overflow:hidden;background:white;padding:3px}.segmented button{border:0;background:none;border-radius:3px;flex:1;font-size:11px;padding:6px 0;color:#82939b}.segmented button.active{background:var(--blue);color:white}.select-field{margin-bottom:18px}.select-field label{display:flex;justify-content:space-between}.select-field small{font-size:8px;color:#a9b8be;font-weight:400}.select-field select{width:100%;height:42px;border:1px solid #dce5e9;border-radius:5px;padding:9px 28px 9px 10px;background:#fff;color:#56717f;font-size:11px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 4 3 3 3-3' fill='none' stroke='%237b939d'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filter-tip{display:flex;align-items:start;gap:8px;margin-top:25px;border-top:1px solid #e5ebed;padding-top:17px}.filter-tip>span{border:1px solid #98abb3;border-radius:50%;width:13px;height:13px;font-size:9px;display:flex;align-items:center;justify-content:center;flex:0 0 13px;margin-top:3px;color:#7894a0}.filter-tip p{font-size:10px;color:#8a9da4;line-height:1.8;margin:0}.quick-scenes{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:20px}.quick-scenes>span{font-size:10px;color:#8b9ba1;margin-right:3px}.quick-scenes button{border:1px solid #e1e8eb;background:#fff;border-radius:4px;font-size:10px;padding:6px 10px;color:#5b7481}.quick-scenes button:hover{background:#eff5f7;border-color:#b8cdd6}.quick-scenes button>span{margin-left:5px;color:#8ca5af}.result-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.result-toolbar h3{margin:0;font-size:16px;font-weight:650;display:flex;align-items:center;gap:8px}.result-toolbar h3>span{font-size:10px;color:#55747f;background:#edf3f5;border:1px solid #e0e9ec;padding:0px 6px;font-weight:550;line-height:19px;border-radius:4px}.result-toolbar p{font-size:10px;color:#91a1a7;margin:3px 0 0}.comparison-hint{font-size:10px;color:#8fa1a7}.reference-banner{background:#f0f5f7;display:flex;gap:9px;align-items:start;border-radius:5px;padding:11px 13px;margin-bottom:17px;color:#728b97}.reference-banner svg{flex:0 0 16px;margin-top:1px}.reference-banner p{font-size:10px;line-height:1.8;margin:0}.reference-banner b{font-weight:500;white-space:normal}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card{border:1px solid #dae4e8;border-radius:8px;overflow:hidden;background:#fff;transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column;min-width:0}.product-card:hover{box-shadow:0 7px 24px #244d600c;border-color:#b3cbd6}.card-body{padding:19px 18px 15px;flex:1}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.brand-badge{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:650;color:#506d7a}.brand-square{height:17px;min-width:23px;display:flex;align-items:center;justify-content:center;border-radius:3px;padding:0 3px;color:#ab5045;background:#f7eeeb;font-size:8px;line-height:1}.brand-square.sino{color:#53718a;background:#edf2f7;font-size:7px;font-style:italic}.card-status{font-size:9px;color:#92723d;display:flex;align-items:center;gap:4px}.card-status i{width:4px;height:4px;background:#bc9b63;border-radius:50%}.card-heading{display:flex;gap:9px;align-items:start;min-height:63px;margin-bottom:12px}.card-heading h3{font-size:15px;font-weight:650;line-height:1.65;margin:0}.card-heading p{font-size:9px;color:#8da0a8;margin:4px 0 0;letter-spacing:.3px}.product-icon{background:#f3f7f8;color:#73919e;border:1px solid #e8eff2;border-radius:6px;padding:8px;width:47px;height:47px;flex:0 0 47px}.product-icon svg{width:100%;height:100%}.grade-row{display:flex;flex-wrap:wrap;gap:5px;min-height:26px;margin-bottom:13px;align-content:start}.grade-chip{background:#f7f9fa;border:1px solid #e3e9ec;color:#5e7a87;line-height:1.65;font-size:9px;padding:2px 6px;border-radius:3px}.grade-chip.matched{border-color:#82a9b9;color:#184d67;background:#edf6f9}.grade-chip.unknown{color:#a2814c;background:#fcf8f1;border-color:#f1e7d6}.reason{border-top:1px solid #ebf0f1;padding-top:11px}.reason-label{font-size:10px;color:#486b7b;font-weight:600;display:flex;align-items:center;gap:5px}.reason-label span{color:#638c81;font-size:12px}.reason p{font-size:10px;line-height:1.9;color:#81929b;margin:5px 0 0;min-height:38px}.card-bottom{border-top:1px solid #e6ecef;background:#fbfcfc;display:flex;justify-content:space-between;align-items:center;padding:10px 17px}.compare-check{display:flex;align-items:center;gap:5px;font-size:10px;color:#8396a0;cursor:pointer;min-height:28px}.compare-check input{accent-color:var(--blue);margin:0;width:12px;height:12px}.detail-button{font-size:10px;color:#27556c;background:none;border:none;padding:5px 0;font-weight:600}.detail-button>span{margin-left:7px}.active-filters{display:flex;flex-wrap:wrap;gap:6px}.active-filters:not(:empty){margin-bottom:13px}.filter-chip{border:1px solid #dbe6eb;border-radius:4px;font-size:10px;padding:4px 8px;background:#f7fafb;color:#547584}.filter-chip span{color:#92a6af;margin-left:6px}.results-footnote{text-align:center;font-size:10px;color:#9aa9ae;margin:24px 0 0}.guide-section{margin-top:60px;padding-top:31px;padding-bottom:42px;border-top:1px solid var(--line);display:flex;gap:50px}.guide-title{flex:0 0 225px}.guide-title h2{font-size:18px;max-width:210px;line-height:1.8;margin-top:8px}.guide-items{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;flex:1}.guide-items article>span{font-size:10px;color:#b19165;letter-spacing:1px}.guide-items h3{font-size:12px;margin:6px 0;font-weight:600}.guide-items p{font-size:10px;color:#8a9ba2;line-height:1.9;margin:0}.footer{background:#f6f8f8;border-top:1px solid #e8edef;padding:19px 0 26px}.footer>.container{display:flex;align-items:center;justify-content:space-between}.footer span{font-size:12px;color:#6d858e}.footer small{font-size:10px;color:#a0afb4;margin-left:13px}.footer .text-button{font-size:10px;color:#81949d}.button{border:1px solid transparent;border-radius:5px;padding:10px 16px;font-size:12px;min-height:40px;font-weight:550}.primary{background:var(--blue);color:white}.primary:hover{background:#103e56;box-shadow:0 2px 8px #143f5120}.outline{background:#fff;border-color:#d6e2e8;color:#486b7d}.outline:hover{background:#f3f8fa}.mobile-filter,.mobile-close,.mobile-apply{display:none}.empty-state{text-align:center;border:1px dashed #d4e1e6;border-radius:8px;padding:55px 26px 45px;background:#fbfcfc}.empty-state[hidden]{display:none}.empty-icon{width:50px;height:50px;margin:auto;display:flex;align-items:center;justify-content:center;color:#658998;font-size:35px;background:#eef4f5;border-radius:50%}.empty-state h3{font-size:16px;margin:18px 0 9px}.empty-state p{font-size:12px;color:#8699a2;max-width:430px;margin:auto;line-height:1.9}.empty-actions{display:flex;justify-content:center;gap:8px;margin-top:23px}.compare-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #d1dfe5;box-shadow:0 6px 35px #123e532a;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:24px;max-width:750px;width:calc(100% - 40px);z-index:20}.compare-bar[hidden]{display:none}.compare-bar>div{display:flex;gap:14px;align-items:center;min-width:0}.compare-bar strong{font-size:12px;white-space:nowrap}.compare-bar strong span{color:#a16f39;margin-left:5px}.compare-bar>div>span{font-size:10px;color:#8b9ea7;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-bar .button{white-space:nowrap}.compare-bar .text-button{white-space:nowrap}dialog{padding:0;max-height:90dvh;border:0;border-radius:12px;color:var(--ink);box-shadow:0 15px 90px #0b2f4550;background:#fff}dialog::backdrop{background:#102f4166;backdrop-filter:blur(3px)}.detail-dialog{width:720px;max-width:calc(100% - 32px)}.info-dialog{width:600px;max-width:calc(100% - 32px)}.compare-dialog{width:1080px;max-width:calc(100% - 32px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.dialog-header h2{font-size:15px;margin:0}.icon-button{border:1px solid #e1e9ec;background:#f8fafb;border-radius:50%;width:32px;height:32px;font-size:23px;line-height:1;padding:0;flex:0 0 32px;color:#6a8795}.dialog-body{padding:23px 26px 28px}.detail-title{display:flex;gap:14px;align-items:start;margin-bottom:21px}.detail-title h2{font-size:22px;line-height:1.55;margin:7px 0 4px}.detail-title .product-icon{width:64px;height:64px;flex-basis:64px;margin-left:auto}.detail-subtitle{font-size:11px;color:#879ba5}.detail-block{margin:24px 0}.detail-block>h3{font-size:13px;display:flex;gap:9px;align-items:center;margin:0 0 11px}.detail-block h3:before{content:'';width:3px;height:13px;border-radius:1px;background:#b58c58}.reason-detail{background:#edf5f7;padding:14px 16px;border-radius:6px;font-size:12px;color:#587c8e;line-height:1.9}.params-table{width:100%;border-collapse:collapse;font-size:12px}.params-table th,.params-table td{text-align:left;padding:10px 13px;border:1px solid #e1e9ed;font-weight:400}.params-table th{width:34%;background:#f8fafb;color:#8397a1}.params-table td{color:#4a6c7c}.pending{color:#a18455;font-size:11px}.historical-note{font-size:10px;color:#9a865f;background:#fbf7ef;border:1px solid #f0e6d4;border-radius:5px;padding:10px 13px;margin:11px 0 0;line-height:1.9}.condition-list{margin:0;padding:0;list-style:none;counter-reset:item}.condition-list li{display:flex;gap:10px;font-size:12px;color:#6a8796;margin:10px 0;align-items:start;line-height:1.9}.condition-list li:before{counter-increment:item;content:'0' counter(item);color:#a38b69;font-size:10px;background:#f6f3ed;border-radius:4px;min-width:23px;line-height:23px;text-align:center}.source-note{background:#f7f9fa;border-radius:5px;padding:12px 14px;font-size:10px;color:#8a9fa8;line-height:1.9}.source-note strong{font-weight:550;color:#6b8796}.dialog-actions{position:sticky;bottom:0;background:#fff;padding:14px 25px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;justify-content:end}.dialog-actions>span{margin-right:auto;font-size:10px;color:#8aa0aa}.source-card{margin-bottom:12px;border:1px solid #e2eaed;border-radius:6px;padding:15px}.source-card h3{font-size:12px;margin:0 0 6px}.source-card small{font-size:9px;color:#9aabaf;display:block;margin-bottom:7px}.source-card p{font-size:11px;color:#869ca6;margin:0;line-height:1.9}.info-lead{font-size:12px;color:#6c8795;line-height:1.9;margin:0 0 18px}.source-rules{background:#f5f8f9;border-radius:6px;padding:14px;color:#77919e;font-size:11px}.source-rules p{margin:5px 0}.compare-scroll{overflow-x:auto;padding:0 25px 24px}.compare-table{width:100%;min-width:600px;table-layout:fixed;border-collapse:collapse;font-size:11px}.compare-table th,.compare-table td{padding:14px 13px;border:1px solid #dfe8ed;vertical-align:top;text-align:left;line-height:1.9;overflow-wrap:anywhere;font-weight:400}.compare-table th{width:110px;background:#f6f9fa;color:#8da0a9}.compare-table .compare-name{font-size:13px;font-weight:600}.compare-table .brand-badge{margin-bottom:7px}.compare-table ul{margin:0;padding-left:15px}.compare-warning{margin:19px 25px 15px;padding:12px 14px;background:#fbf7ef;color:#98835b;border-radius:5px;font-size:11px}.toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);z-index:100;background:#153d51;color:white;padding:10px 20px;border-radius:6px;font-size:12px;box-shadow:0 4px 20px #153d5133;max-width:calc(100% - 32px);width:max-content}.toast[hidden]{display:none}.inquiry-text{width:100%;resize:vertical;min-height:270px;border:1px solid #dce7ec;border-radius:5px;padding:12px;font-size:12px;line-height:1.9;color:#557485;background:#f9fbfc}.inquiry-field{margin-bottom:15px}.inquiry-field label{display:block;font-size:12px;margin-bottom:5px;color:#6b8592}.inquiry-field input,.inquiry-field select{width:100%;height:42px;border:1px solid #dce7ec;border-radius:5px;background:#fff;padding:8px 10px;color:#4c6c7d;font-size:12px}.inquiry-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inquiry-help{font-size:10px;color:#8ba1ac;margin:6px 0 0}.dialog-intro{font-size:12px;color:#8097a2;margin:0 0 18px}.subtle-link{color:#547d92;border:0;background:none;font-size:11px;padding:0;text-decoration:underline;text-underline-offset:3px}body.has-compare{padding-bottom:90px}@media(min-width:1400px){.container{max-width:1320px}.hero-inner{min-height:395px}.hero h1{font-size:41px}.workspace{grid-template-columns:250px minmax(0,1fr);gap:30px}.card-heading h3{font-size:16px}.card-body{padding:21px}.reason p{font-size:11px}.grade-chip{font-size:10px}.card-status{font-size:10px}}
@media(max-width:1000px){.container{padding-left:25px;padding-right:25px}.hero h1{font-size:32px}.hero-art{flex-basis:340px;width:340px;height:260px}.hero-inner{gap:25px;min-height:335px}.system-art{top:25px}.art-label.one{top:90px}.art-label.two{bottom:52px}.hero .brand-row{gap:11px}.brand-row>small{display:none}.workspace{grid-template-columns:220px minmax(0,1fr);gap:18px}.product-grid{gap:12px}.card-body{padding:15px 13px}.card-heading h3{font-size:13px}.product-icon{width:38px;height:38px;flex-basis:38px;padding:6px}.card-status{font-size:8px}.role-bar p{display:none}.card-bottom{padding:9px 13px}.guide-section{gap:25px}.guide-title{flex-basis:200px}.guide-items{gap:19px}.quick-scenes{gap:5px}.quick-scenes button{font-size:9px;padding:6px 7px}.quick-scenes>span{font-size:9px}.reference-banner p{font-size:9px}}
@media(max-width:760px){.container{padding:0 20px}.header{height:70px}.wordmark{font-size:18px;gap:8px}.wordmark small{font-size:8px;letter-spacing:1.4px}.mark{width:33px;height:36px;border-radius:7px}.header nav{gap:0}.header-note{display:none}.header .text-button{font-size:11px}.hero-inner{min-height:0;display:block;position:relative}.hero-copy{padding:30px 0 28px;position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:1.1px}.hero h1{font-size:30px;letter-spacing:-.5px;margin:14px 0 12px;line-height:1.5}.hero p{font-size:11px;line-height:1.9}.hero-art{position:absolute;right:-55px;top:55px;width:245px;height:200px;opacity:.16;pointer-events:none;margin:0}.art-label,.art-topline,.art-bottom{display:none}.hero .brand-row{gap:14px;margin-top:22px}.brand-token{gap:7px}.brand-token b{font-size:13px}.brand-token>span{font-size:8px}.brand-row>i{height:12px}.selector-section{padding-top:25px}.section-top{margin-bottom:16px;align-items:end}.tiny{font-size:8px;letter-spacing:1.8px}h2{font-size:18px;margin-top:7px}.section-top h2{font-size:18px;max-width:250px}.data-note{font-size:8px;display:flex;flex-direction:column;align-items:end;padding-bottom:1px}.data-note b{margin:0}.role-bar{padding:9px 10px;gap:7px;justify-content:space-between;margin-bottom:20px;border-radius:6px}.role-bar>span{font-size:10px}.role-options{gap:1px}.role-options button{padding:8px 10px;font-size:10px}.workspace{display:block}.filters{display:none;position:fixed;z-index:51;top:auto;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;border:0;max-height:92dvh;overflow:auto;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 30px #143f5126}.filters.open{display:block}.filter-head{position:sticky;top:0;background:#fff;z-index:2;padding:16px 22px}.filter-head h3{font-size:15px}.filter-head #resetBtn{margin-left:auto;margin-right:19px;font-size:12px}.mobile-close{display:block}.filter-body{padding:18px 22px 9px;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.filter-body>.field-label,.search-wrap,.brand-filter,.filter-tip{grid-column:1/-1}.field-label,.brand-filter legend,.select-field label{font-size:12px}.search-wrap input,.select-field select{height:46px;font-size:13px}.segmented button{padding:9px;font-size:12px}.select-field{margin-bottom:17px}.filter-tip{margin-top:4px;padding-top:13px}.filter-tip p{font-size:11px}.mobile-apply{display:block;position:sticky;bottom:0;width:calc(100% - 44px);margin:12px 22px 20px;font-size:13px;height:46px}.filter-backdrop{position:fixed;inset:0;background:#15394c66;backdrop-filter:blur(2px);z-index:50}.filter-backdrop[hidden]{display:none}.quick-scenes{flex-wrap:nowrap;overflow:auto;padding-bottom:8px;margin:0 -20px 12px;padding-left:20px;padding-right:20px;scrollbar-width:none;gap:7px}.quick-scenes>span{font-size:9px;flex:0 0 auto}.quick-scenes button{flex:0 0 auto;font-size:10px;padding:8px 9px}.result-toolbar{margin-bottom:12px;gap:8px}.result-toolbar h3{font-size:16px}.result-toolbar p{font-size:9px;max-width:220px;margin-top:3px}.mobile-filter{display:block;min-height:38px;font-size:10px;padding:6px 10px;white-space:nowrap}.mobile-filter span{color:#9e7a48;font-size:9px;margin-left:4px}.comparison-hint{display:none}.reference-banner{padding:9px 11px;gap:8px;margin-bottom:14px}.reference-banner p{font-size:9px;line-height:1.8}.product-grid{grid-template-columns:1fr;gap:14px}.card-body{padding:17px 18px 14px}.card-top{margin-bottom:12px}.brand-badge{font-size:11px}.brand-square{height:18px;min-width:25px;font-size:8px}.card-status{font-size:9px}.card-heading{min-height:0;margin-bottom:13px;gap:12px}.card-heading h3{font-size:16px;line-height:1.6}.product-icon{height:47px;width:47px;flex-basis:47px;padding:8px}.card-heading p{font-size:9px}.grade-row{min-height:0;margin-bottom:12px;gap:5px}.grade-chip{font-size:10px;padding:2px 7px}.reason-label{font-size:10px}.reason p{font-size:11px;line-height:1.9;min-height:0}.card-bottom{padding:10px 18px}.compare-check{font-size:11px;min-height:30px;gap:7px}.compare-check input{width:14px;height:14px}.detail-button{font-size:11px;min-height:30px}.results-footnote{font-size:9px;line-height:1.8;margin-top:18px}.guide-section{margin-top:34px;padding-top:24px;padding-bottom:29px;display:block}.guide-title h2{font-size:17px;max-width:none;margin:5px 0 20px}.guide-items{gap:16px}.guide-items article>span{font-size:9px}.guide-items h3{font-size:11px}.guide-items p{font-size:10px;line-height:1.8}.footer{padding:17px 0 22px}.footer>.container{align-items:start;gap:15px}.footer span{font-size:11px;white-space:nowrap}.footer small{display:block;font-size:8px;margin:5px 0 0}.footer .text-button{font-size:9px;padding:0;max-width:145px;text-align:right}.compare-bar{bottom:12px;gap:9px;width:calc(100% - 24px);padding:10px 12px}.compare-bar strong{font-size:11px}.compare-bar>div>span{display:none}.compare-bar>div{gap:10px}.compare-bar .button{font-size:11px;min-height:36px;padding:8px 12px}.compare-bar .text-button{font-size:10px}.detail-dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.dialog-header{padding:15px 20px}.dialog-body{padding:20px}.detail-title h2{font-size:20px}.detail-title .product-icon{width:50px;height:50px;flex-basis:50px}.dialog-actions{padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:8px;flex-wrap:wrap}.dialog-actions>span{width:100%;font-size:9px}.dialog-actions .button{flex:1;font-size:11px;padding:10px}.params-table th,.params-table td{font-size:11px;padding:10px}.params-table th{width:36%}.detail-block{margin:20px 0}.condition-list li{font-size:11px}.reason-detail{font-size:11px}.info-dialog,.compare-dialog{max-width:calc(100% - 20px);max-height:92dvh}.compare-scroll{padding:0 15px 20px}.compare-warning{margin:15px}.compare-dialog .dialog-header{padding:15px}.info-dialog .dialog-header{padding:15px 20px}.compare-table th{width:90px}.info-dialog .dialog-body{padding:18px}.empty-state{padding:35px 18px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px}.empty-actions{flex-wrap:wrap}.empty-actions .button{font-size:11px}.toast{font-size:11px;bottom:90px}.inquiry-pair{gap:10px}.inquiry-field label{font-size:11px}.inquiry-field input,.inquiry-field select{font-size:12px}.inquiry-text{font-size:11px}.hero-art .system-art{top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Bilingual company-site integration */
:root{--ink:#0d213c;--blue:#153f5d;--blue-dark:#0d213c}.bi-en{display:block;font-size:.83em;font-weight:400;line-height:1.6;margin-top:4px;letter-spacing:0;color:#6f8794}.bi-zh{display:inline}.header .wordmark{font-size:20px;letter-spacing:.2px}.header .wordmark small{font-size:8px;letter-spacing:1.1px}.home-link{font-size:12px;color:#526f80;line-height:1.4}.home-link small{display:block;font-size:9px;margin-top:3px;color:#8799a4}.header nav{gap:25px}.hero-inner{min-height:435px}.hero h1{font-size:36px}.hero-english{font-size:16px!important;color:#3c687c!important;font-weight:550;margin:12px 0 18px!important}.hero p .bi-en{font-size:11px;margin-top:3px}.hero-copy>p .bi-en{line-height:1.8}.hero .brand-row{align-items:center}.hero-art .art-label{font-size:9px;display:block}.hero-art .art-label .bi-en{font-size:8px;margin-top:1px}.brand-row .bi-en{font-size:8px}.eyebrow .bi-en{font-size:9px;letter-spacing:1px;color:#6b888e}.role-options{flex:0 0 auto}.role-options button{padding:8px 12px}.role-options button .bi-en{font-size:9px;max-width:130px;line-height:1.3}.role-bar>span>.bi-en{font-size:8px}.role-bar p .bi-en{font-size:9px;max-width:240px}.section-top h2 .bi-en{font-size:12px;margin-top:5px}.filter-head h3 .bi-en{font-size:10px}.filter-head .text-button .bi-en{font-size:9px}.filter-body label,.brand-filter legend{line-height:1.4}.select-field label{display:block;position:relative}.select-field label small{position:absolute;right:0;top:0}.field-label .bi-en,.select-field label .bi-en,.brand-filter legend .bi-en{font-size:9px;margin-top:4px}.segmented button .bi-en{font-size:8px;line-height:1.3}.filter-tip p{font-size:10px}.filter-tip p .bi-en{font-size:10px;line-height:1.7;margin-top:6px}.select-field select{height:43px;font-size:11px}.quick-scenes{align-items:stretch}.quick-scenes>span{align-self:center}.quick-scenes>span .bi-en{font-size:8px;margin-top:2px}.quick-scenes button{font-size:10px;padding:7px 9px;line-height:1.5}.quick-scenes button>.bi-en{font-size:9px;margin:2px 0 0;color:#8399a4}.result-toolbar h3{align-items:start;flex-wrap:wrap;gap:5px}.result-toolbar h3>.bi-en{font-size:10px;align-self:center;margin:0 6px 0 1px;order:2}.result-toolbar h3>#resultCount{order:1}.result-toolbar p{font-size:10px;line-height:1.7;margin-top:6px}.result-toolbar p .bi-en{font-size:10px;margin-top:3px}.comparison-hint .bi-en{font-size:9px}.reference-banner p{font-size:10px;line-height:1.8}.reference-banner p .bi-en{font-size:10px;line-height:1.8}.reference-banner b{display:block;margin-top:6px}.reference-banner b .bi-en{font-size:9px;margin-top:2px}.card-status{align-items:start;line-height:1.4;text-align:right}.card-status i{margin-top:4px}.card-status .bi-en{font-size:8px;margin-top:2px;color:#9a865f}.card-heading{min-height:95px}.card-heading h3{font-size:15px}.card-heading h3 .bi-en{font-size:11px;color:#4b738a;line-height:1.5;margin-top:6px}.card-heading p{font-size:9px}.card-heading p .bi-en{font-size:9px;margin-top:2px;color:#93a3ad}.reason-label{display:block;font-size:10px}.reason-label>span:first-child{margin-right:5px}.reason-label .bi-en{display:inline;margin-left:6px;font-size:9px}.reason p{font-size:11px;line-height:1.85}.reason p .bi-en{font-size:11px;line-height:1.7;margin-top:8px;color:#6b8492}.card-bottom{gap:12px}.compare-check{gap:7px}.compare-check .bi-en{font-size:9px;margin:1px 0 0}.detail-button .bi-en{font-size:9px;margin-top:2px}.detail-button{font-size:11px;text-align:right}.results-footnote{font-size:10px;line-height:1.9}.results-footnote .bi-en{font-size:10px;max-width:660px;margin:6px auto 0}.guide-section{display:block}.guide-title{margin-bottom:24px}.guide-title h2{max-width:none;font-size:20px}.guide-title h2 .bi-en{font-size:13px}.guide-items{gap:35px}.guide-items h3{font-size:13px}.guide-items h3 .bi-en{font-size:11px}.guide-items p{font-size:11px}.guide-items p .bi-en{font-size:11px}.footer span{line-height:1.7}.footer small{display:block;margin:5px 0 0;font-size:10px}.footer .text-button .bi-en{font-size:9px;text-align:right}.dialog-header h2 .bi-en{font-size:11px}.detail-title h2 .bi-en{font-size:14px;font-weight:450;line-height:1.6}.detail-title .detail-subtitle .bi-en{font-size:11px}.reason-detail .bi-en{font-size:12px;line-height:1.8;margin-top:9px;color:#55798c}.detail-block>h3{display:block;position:relative;padding-left:11px}.detail-block h3:before{position:absolute;left:0;top:5px}.detail-block h3 .bi-en{font-size:11px}.params-table th .bi-en,.params-table td .bi-en{font-size:11px;line-height:1.6}.historical-note{font-size:11px}.historical-note .bi-en{font-size:11px;line-height:1.8}.pending .bi-en{color:#9b845c;font-size:10px}.condition-list li>span{flex:1}.condition-list .bi-en{font-size:11px;line-height:1.8}.source-note{font-size:11px}.source-note>span{display:block;margin-top:7px}.source-note p{margin:8px 0 0}.source-note .bi-en{font-size:10px}.dialog-actions{align-items:center}.dialog-actions .button{line-height:1.4}.dialog-actions .button .bi-en{font-size:10px;color:inherit;opacity:.8}.dialog-actions>span .bi-en{font-size:9px}.compare-warning{font-size:11px}.compare-warning .bi-en{font-size:11px;color:#8e7e60}.compare-name .bi-en{font-size:11px}.compare-table td .bi-en{font-size:10px;line-height:1.8}.compare-table th .bi-en{font-size:10px}.compare-table th{width:120px}.source-card h3 .bi-en{font-size:11px}.source-card p .bi-en,.source-rules p .bi-en,.info-lead .bi-en{font-size:11px;line-height:1.9}.inquiry-field label .bi-en{font-size:11px}.inquiry-pair{gap:15px}.inquiry-text{min-height:330px}.toast .bi-en{color:#c5dae5;font-size:11px}.compare-bar strong .bi-en{font-size:9px;margin:1px 0 0}.compare-bar .button .bi-en{color:#d6e5ef;margin:1px 0 0;font-size:10px}.compare-bar .text-button .bi-en{font-size:9px}.empty-state h3 .bi-en{font-size:12px}.empty-actions .bi-en{color:inherit;opacity:.8;font-size:10px}
@media(max-width:1100px){.header-note{display:none}.hero-inner{min-height:425px}.hero-art{flex-basis:290px;width:290px}.hero h1{font-size:31px}.role-bar p{display:none}.card-heading{min-height:105px}}
@media(max-width:760px){.header .wordmark{font-size:16px}.header .wordmark small{font-size:6.5px;letter-spacing:.6px}.header nav{gap:14px}.header .text-button{font-size:10px}.header .text-button .bi-en{font-size:8px;line-height:1.4;margin-top:2px}.home-link{font-size:10px}.home-link small{font-size:8px}.hero-inner{min-height:0}.hero h1{font-size:27px;line-height:1.6;letter-spacing:-.7px}.hero-english{font-size:13px!important;max-width:285px;line-height:1.6!important;margin:10px 0 16px!important}.hero-copy{padding-top:25px;padding-bottom:25px}.hero p .bi-en{font-size:10px;line-height:1.8}.hero p .desktop-break{display:block}.hero .brand-row{margin-top:20px}.hero-art{right:-70px;top:70px}.hero .eyebrow{font-size:9px}.hero .eyebrow .bi-en{font-size:8px}.section-top h2{font-size:17px;max-width:270px}.section-top h2 .bi-en{font-size:10px;line-height:1.6;max-width:255px}.role-bar{display:block;padding:11px}.role-bar>span{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:9px}.role-bar>span .bi-en{font-size:9px;margin:0}.role-options{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.role-options button{font-size:10px;padding:8px 4px;line-height:1.5}.role-options button .bi-en{font-size:8px;max-width:none;line-height:1.5}.result-toolbar h3{font-size:15px}.result-toolbar h3>.bi-en{font-size:9px}.result-toolbar p{font-size:9px;max-width:225px}.result-toolbar p .bi-en{font-size:9px;line-height:1.6}.quick-scenes>span .bi-en{font-size:8px}.quick-scenes button{font-size:10px;padding:7px 10px}.quick-scenes button>.bi-en{font-size:8px;margin-left:0}.mobile-filter{font-size:10px;line-height:1.5}.mobile-filter>.bi-en{font-size:9px;margin:1px 0;color:#648092}.reference-banner p{font-size:10px;line-height:1.8}.reference-banner p .bi-en{font-size:10px;line-height:1.8}.reference-banner b .bi-en{font-size:9px}.card-heading{min-height:0}.card-heading h3{font-size:16px}.card-heading h3 .bi-en{font-size:12px;line-height:1.6;margin-top:7px}.card-heading p .bi-en{font-size:10px}.card-status{font-size:9px}.card-status .bi-en{font-size:8px}.reason p,.reason p .bi-en{font-size:12px;line-height:1.9}.reason-label .bi-en{font-size:10px}.card-body{padding:18px}.card-bottom{padding:11px 18px}.detail-button,.compare-check{font-size:11px}.detail-button .bi-en,.compare-check .bi-en{font-size:10px}.card-status{max-width:120px}.product-icon{width:43px;height:43px;flex-basis:43px}.filter-body{grid-template-columns:1fr;max-height:calc(92dvh - 160px);overflow-y:auto;padding:16px 22px 5px;display:block}.filter-head{padding:13px 22px}.filter-head h3 .bi-en{font-size:10px;margin:2px 0 0}.field-label .bi-en,.select-field label .bi-en,.brand-filter legend .bi-en{display:inline;margin-left:7px;font-size:10px}.filter-tip p .bi-en{font-size:10px;line-height:1.7}.brand-filter{margin-top:16px;margin-bottom:16px}.segmented button{padding:8px}.segmented button .bi-en{font-size:10px;margin-top:2px}.select-field select{font-size:12px;height:46px}.select-field{margin-bottom:14px}.filters.open{max-height:92dvh;display:flex;flex-direction:column;overflow:hidden}.filter-head{flex:0 0 auto}.filter-body{flex:1 1 auto}.mobile-apply{position:static;flex:0 0 auto;min-height:52px;margin-top:10px;margin-bottom:15px;padding:7px 10px}.mobile-apply .bi-en{color:#d4e5ee;font-size:10px;margin:1px 0}.guide-title h2{font-size:17px;line-height:1.8}.guide-title h2 .bi-en{font-size:12px}.guide-items{grid-template-columns:1fr;gap:18px}.guide-items article{position:relative;padding-left:32px}.guide-items article>span{position:absolute;left:0;top:0}.guide-items h3{margin:0 0 7px;font-size:12px}.guide-items h3 .bi-en{display:inline;margin-left:8px;font-size:11px}.guide-items p,.guide-items p .bi-en{font-size:11px;line-height:1.8}.footer span{font-size:11px}.footer small{font-size:9px;max-width:190px;line-height:1.6}.footer .text-button{max-width:120px;font-size:9px}.footer .text-button .bi-en{font-size:9px}.dialog-header h2{font-size:14px}.dialog-header h2 .bi-en{font-size:11px}.detail-title h2{font-size:19px}.detail-title h2 .bi-en{font-size:13px}.dialog-body{padding:20px}.detail-title .product-icon{display:none}.reason-detail .bi-en{font-size:12px}.params-table th .bi-en,.params-table td .bi-en{font-size:10px}.condition-list li,.condition-list .bi-en{font-size:12px}.detail-block h3{font-size:13px}.detail-block h3 .bi-en{font-size:11px}.historical-note,.historical-note .bi-en{font-size:11px}.dialog-actions>span{font-size:9px}.dialog-actions>span .bi-en{font-size:9px;margin-top:2px}.dialog-actions .button .bi-en{font-size:10px}.dialog-actions .button{min-height:51px}.compare-bar{gap:8px}.compare-bar strong{font-size:10px}.compare-bar strong .bi-en{display:none}.compare-bar .button{padding:6px 11px;font-size:11px}.compare-bar .button .bi-en{font-size:9px}.compare-bar .text-button{font-size:9px}.compare-bar .text-button .bi-en{font-size:8px}.compare-bar>div{gap:8px}.inquiry-pair{grid-template-columns:1fr;gap:0}.inquiry-field label .bi-en{display:inline;margin-left:7px;font-size:10px}.source-card p,.source-card p .bi-en{font-size:11px}.toast{font-size:11px;white-space:normal;width:max-content}.toast .bi-en{font-size:10px}.empty-state p{font-size:11px}.empty-actions{gap:8px}.empty-actions .button{font-size:10px;padding:9px 12px}.empty-actions .button .bi-en{font-size:9px}.filter-chip{font-size:9px;line-height:1.8;text-align:left}}
.eyebrow>.bi-zh,.eyebrow>.bi-en{width:auto;height:auto;background:transparent;border-radius:0;vertical-align:baseline;margin-right:0}.hero .eyebrow>.bi-zh{display:inline}.hero .eyebrow>.bi-en{display:block;margin-top:7px}.result-toolbar h3>.bi-zh,.result-toolbar h3>.bi-en{padding:0;border:0;background:none;line-height:inherit}.result-toolbar h3>.bi-zh{font-size:inherit;color:inherit;font-weight:inherit}.result-toolbar h3>.bi-en{color:#708c9b;font-weight:400}#sourceBtn>[aria-hidden]{display:none}
.header-note{display:none}.header nav{gap:20px}.header .home-link{font-size:11px}.header .home-link small{font-size:8px}@media(max-width:760px){.header{height:auto;min-height:105px}.header .header-inner{flex-wrap:wrap;padding-top:13px;padding-bottom:11px;gap:10px}.header .wordmark{font-size:16px}.header nav{width:100%;justify-content:space-between;gap:8px}.header .home-link{font-size:10px}.header .home-link small{font-size:8px}.header .text-button{padding:0;font-size:10px}}
@media(max-width:760px){.header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:start}.header .home-link{font-size:9px}.header .home-link small{font-size:7.5px;line-height:1.6}.header .text-button{font-size:9px;text-align:left}.header .text-button .bi-en{font-size:8px;text-align:left}}