:root{--ink:#172f3c;--muted:#70828b;--teal:#087f81;--line:#e0e8e9;--bg:#f5f8f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:86px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:3px}.logo{position:relative;display:block;border:2px solid var(--teal);color:var(--teal);width:38px;height:38px;line-height:32px;text-align:center;border-radius:11px;font-weight:600}.logo span{position:absolute;font-size:18px;right:-5px;top:-12px;background:#fff;height:21px;line-height:21px}nav{display:flex;height:100%;gap:34px}nav button{border:0;background:none;color:var(--muted);position:relative}nav button.active{color:var(--teal);font-weight:600}nav button.active:after{content:'';height:3px;background:var(--teal);position:absolute;bottom:0;left:0;right:0}.saved{background:none;border:1px solid var(--line);border-radius:7px;padding:9px 13px}.saved span{color:var(--teal);margin-left:10px}main{max-width:1560px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;padding:52px 5.5% 44px;gap:45px;background:linear-gradient(110deg,#f5f9f8,#eaf1f2)}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;color:var(--teal)}.live{display:inline-block;width:6px;height:6px;background:#199f8d;border-radius:50%;margin-right:8px}h1{font-size:clamp(30px,3.3vw,49px);line-height:1.45;letter-spacing:-1.8px;margin:24px 0 18px;font-weight:600}h1 span{color:#73868c}.hero p{color:#647981;line-height:1.95;margin-bottom:26px}.primary{color:white;background:var(--teal);border:0;padding:13px 20px;border-radius:5px}.primary span{margin-left:24px}.textbtn{border:0;background:none;color:var(--ink);padding:12px 17px}.hero-meta{display:flex;align-items:center;gap:12px;color:#788d91;font-size:11px;margin-top:28px}.hero-meta i{height:10px;border-left:1px solid #b9c7ca}.hero-visual{position:relative;background:radial-gradient(ellipse at center,#fff,#e4edee);border:1px solid #d7e3e4;border-radius:10px;min-height:330px;overflow:hidden}.hero-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#d5e0e222 1px,transparent 1px),linear-gradient(90deg,#d5e0e222 1px,transparent 1px);background-size:28px 28px}.hero-visual img{width:100%;height:310px;object-fit:contain;mix-blend-mode:multiply;padding:30px 15px 5px}.visual-label{position:absolute;left:23px;top:20px;font-size:9px;letter-spacing:2px;color:#6d8389;z-index:1}.visual-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 25px 26px}.visual-bottom small{font-size:10px;color:#7c8d93;display:block}.visual-bottom strong{display:block;font-size:24px;letter-spacing:-.5px;margin-top:5px}.visual-bottom button{width:36px;height:36px;border:1px solid #afc4c7;border-radius:50%;background:transparent;font-size:20px}.imagecredit{position:absolute;bottom:6px;right:16px;font-size:8px;color:#84979a}.insight-strip{display:flex;margin:0 5.5%;padding:25px 0;border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;align-items:center}.insight-strip b{font-size:11px;font-weight:400;color:#7d969b;margin-right:12px}.insight-strip small{color:var(--muted);margin-left:15px;font-size:11px}.insight-strip button{background:none;border:0;color:var(--teal);font-size:11px}.content{padding:42px 5.5% 45px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:25px;font-weight:600;margin:12px 0 24px;letter-spacing:-.6px}.search{display:flex;gap:10px;align-items:center;background:white;border:1px solid var(--line);padding:11px 13px;border-radius:6px;min-width:310px}.search span{font-size:21px;color:#607982}.search input{border:0;outline:none;width:100%;font-size:12px;background:none}.search kbd{border:1px solid var(--line);padding:1px 5px;color:#9baaae}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;border-bottom:1px solid var(--line);padding-bottom:17px}.tabs button,[id$="-subtabs"] button{border:0;background:none;color:#627780;padding:9px 15px;border-radius:5px;font-size:12px}.tabs .active{background:var(--ink);color:white}[id$="-subtabs"] button{padding:5px 11px;font-size:11px}[id$="-subtabs"] .active{color:var(--teal);background:#e1efed}.subrow{display:flex;justify-content:space-between;align-items:center;min-height:64px}.result{color:#85959b;font-size:11px;display:flex;align-items:center;gap:20px}.result select{border:0;background:none;color:#61767f;font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #183d4610;border-color:#b2cdcf}.card-media{height:205px;background:#eef3f3;position:relative;cursor:pointer}.card-media img{width:100%;height:100%;object-fit:contain;padding:23px;mix-blend-mode:multiply}.card-media.photo img{object-fit:cover;padding:0;mix-blend-mode:normal}.pill{display:inline-block;font-size:10px;padding:5px 8px;border-radius:3px;background:#e7f3ee;color:#25826c}.card-media .pill{position:absolute;left:15px;top:14px;z-index:1;background:#fffffff0}.bookmark{position:absolute;right:13px;top:12px;border:1px solid #dce5e7;background:#ffffffed;border-radius:50%;width:29px;height:29px;color:#53737e}.bookmark.on{color:var(--teal);background:#d6f0e9}.card-body{padding:21px}.brandline{font-size:9px;letter-spacing:1.7px;color:#87989f;display:flex;justify-content:space-between}.card h3{font-size:24px;margin:10px 0;font-weight:600;letter-spacing:-.6px}.card h3 button{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left}.card p{font-size:12px;line-height:1.8;color:#6b7e85;min-height:43px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.tags span{padding:4px 7px;border:1px solid #e5ecee;border-radius:3px;color:#74878d;font-size:9px}.card-bottom{border-top:1px solid #edf1f2;padding-top:14px;font-size:10px;color:#82959b;display:flex;justify-content:space-between;align-items:center}.card-bottom button{background:none;border:0;color:var(--teal)}.placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#91a5ab;background:linear-gradient(135deg,#edf4f4,#e5edef)}.placeholder b{font-size:30px;letter-spacing:-1px;font-weight:400;color:#76949d}.placeholder small{margin-top:10px;font-size:10px}.list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.list-item{display:grid;grid-template-columns:110px 1fr 40px;gap:20px;padding:25px 8px;border-bottom:1px solid var(--line);align-items:center;cursor:pointer;background:#fff}.list-item time{color:#8b9ca1;font-size:12px}.list-item h3{font-size:17px;font-weight:550;margin:10px 0}.list-item p{font-size:12px;color:var(--muted);line-height:1.8}.list-item>button{background:none;border:0;color:var(--teal);font-size:23px}.research{background:#eef0fb;color:#6c70a5}.extra-head{display:flex;justify-content:space-between;align-items:center;margin-top:45px}.extra-head button{background:none;border:0;color:var(--teal);font-size:12px}.extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.note{border:1px solid var(--line);padding:25px;background:#fff;border-radius:7px;cursor:pointer}.note h3{font-size:18px;line-height:1.6}.note p{color:var(--muted);font-size:12px;line-height:1.9}.note small{color:#8a9b9f;font-size:10px}.editorial{margin:10px 5.5% 55px;border-top:1px solid #c8dadd;border-bottom:1px solid #c8dadd;padding:35px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}.editorial h2{line-height:1.6;margin-bottom:0}.editorial p{font-size:12px;line-height:2;color:#6d8189}.editorial .textbtn{padding-left:0;color:var(--teal)}footer{border-top:1px solid var(--line);padding:27px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}footer p,footer>small{font-size:9px;color:#8b9ca3}dialog{border:1px solid var(--line);border-radius:12px;width:min(820px,94vw);padding:36px;max-height:90vh;color:var(--ink);box-shadow:0 30px 120px #102e3c40}dialog::backdrop{background:#0c293a80;backdrop-filter:blur(4px)}.close{position:absolute;right:13px;top:12px;border:0;background:#eff4f4;width:32px;height:32px;border-radius:50%;font-size:22px;z-index:3}#detail h2{font-size:30px;margin:14px 0}#detail p{color:#6e818a;line-height:1.9}#detail a{color:var(--teal);text-decoration:underline;font-size:12px}.gallery{display:flex;overflow:auto;gap:12px;scroll-snap-type:x mandatory;margin:20px 0}.gallery figure{min-width:85%;margin:0;scroll-snap-align:start;background:#eef3f3;border-radius:6px;padding:10px}.gallery img{width:100%;height:280px;object-fit:contain}.gallery figcaption{font-size:10px;color:#83969d}.facts{display:flex;gap:30px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}.facts span{font-size:11px;color:#83959b}.facts b{display:block;color:var(--ink);font-size:13px;margin-top:7px}.empty{padding:70px 20px;text-align:center;border:1px dashed #cbdcdd;color:#7d9199;border-radius:8px}.empty button{display:block;margin:20px auto 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:6px;background:#193b48;color:white;opacity:0;pointer-events:none;z-index:6;font-size:12px}.toast.show{opacity:1}@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:55px}.hero-visual img{height:350px}}@media(max-width:1000px){header{padding:0 4%}nav{gap:18px}.hero{gap:24px}.insight-strip small{display:none}.grid{grid-template-columns:repeat(2,1fr)}.search{min-width:260px}footer p{display:none}}@media(max-width:680px){header{height:auto;flex-wrap:wrap;padding:17px 5% 0;gap:17px}.brand{font-size:19px}nav{order:3;width:100%;justify-content:space-between;gap:10px;height:45px;font-size:12px}.saved{font-size:11px}h1{font-size:33px}.hero{grid-template-columns:1fr;padding:30px 5%;gap:26px}.hero-copy p br{display:none}.hero-visual{min-height:270px}.hero-visual img{height:240px}.hero-meta{margin-top:19px}.insight-strip{margin:0 5%;font-size:11px;gap:6px;padding:20px 0}.insight-strip b{margin-right:5px}.insight-strip button{display:none}.content{padding:30px 5%}.section-head{display:block}h2{font-size:23px}.search{width:100%;margin-bottom:20px}.tabs{gap:2px}.tabs button{padding:8px 10px;font-size:11px}.grid{grid-template-columns:1fr}.card-media{height:230px}.card p{min-height:0}.subrow{gap:6px;align-items:flex-start;padding:15px 0}.result{gap:7px;white-space:nowrap;font-size:10px}.result select{font-size:10px;width:106px}.extra-grid,.editorial{grid-template-columns:1fr}.editorial{gap:10px;margin:0 5% 30px}.list-item{grid-template-columns:1fr 25px;padding:20px 14px;gap:7px}.list-item time{grid-column:1 / -1}.list-item h3{line-height:1.7}footer{align-items:flex-start}footer>small{max-width:155px;line-height:1.8}dialog{padding:25px 20px}.gallery img{height:210px}}

.type-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding:14px 0}.type-filters[hidden]{display:none}.type-filters>span{font-size:11px;color:var(--muted);margin-right:8px}.type-filters button,.type-filters select{border:1px solid var(--line);background:white;border-radius:5px;padding:8px 13px;color:#617780;font-size:12px}.type-filters button.active{background:#e1efed;border-color:#9ccbc5;color:var(--teal)}.type-filters select{margin-left:auto}@media(max-width:680px){.type-filters{gap:6px}.type-filters button{font-size:11px;padding:8px}.type-filters select{margin-left:0}}
.catalog-notice{display:flex;flex-wrap:wrap;gap:10px;background:#eaf2f2;color:#667e85;padding:14px 17px;border-radius:6px;margin:0 0 22px;font-size:11px;line-height:1.7}.catalog-notice b{color:var(--teal)}.coverage-note{font-size:11px!important;color:#87979c!important;line-height:1.8}.pain-preview{font-size:11px;line-height:1.8;color:#637b83;border-left:2px solid #a5cfcb;padding-left:10px;margin:15px 0}.pain-preview b{color:var(--teal);font-weight:500}.feedback-item{padding:18px;border:1px solid var(--line);border-radius:6px;margin:12px 0}.feedback-item>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-item b{font-size:12px}.feedback-item p{font-size:13px}.feedback-item small{font-size:10px;color:#89989e}.warning-pill,.safety-tag{color:#9e663a!important;background:#fff2e6!important}.placeholder b{font-size:23px;text-align:center;padding:10px 20px;overflow-wrap:anywhere}.brandline{font-size:9px;letter-spacing:.6px;gap:12px}.brandline span{flex-shrink:0}.card h3{font-size:21px}.type-filters select{margin-left:auto;border:1px solid var(--line);background:white;border-radius:5px;padding:8px;color:#617780}.type-filters small{opacity:.6;margin-left:6px}@media(max-width:680px){.feedback-item>div{align-items:flex-start}.feedback-item .pill{white-space:nowrap}.type-filters select{margin-left:0}}
.gallery figcaption a{color:#086a70}
@media(max-width:680px){header nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}header nav button{white-space:nowrap;flex:none}}
.design-analysis p{line-height:1.85}
.design-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;margin:18px 0}
.design-figures figure,.design-chart{margin:0;background:#eff5f5;border-radius:10px;padding:14px}
.design-figures img{width:100%;height:210px;object-fit:contain}
.design-figures figcaption,.design-chart small{font-size:.82rem;color:#466167}
.design-chart figcaption{font-weight:650;margin-bottom:12px}
.design-bar{display:grid;grid-template-columns:minmax(70px,1fr) minmax(90px,2fr) 3rem;gap:10px;align-items:center;margin:8px 0;font-size:.88rem}
.design-bar meter{width:100%;height:15px}
.design-bar meter::-webkit-meter-optimum-value{background:#11817e}

.content-module{scroll-margin-top:100px}.content-module+.content-module{border-top:1px solid #dbe6e6}.gallery img[hidden]{display:none}
@media(max-width:680px){.content-module{scroll-margin-top:120px}}