:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;--ink:#26343b;--muted:#718087;--blue:#3e879b;--mint:#dceee8;--orange:#e99362;--paper:#f7f5ef;--white:#fff;--line:#dce3e3;--soft:#edf2f1;--dark:#243d48;--shadow:0 8px 24px rgba(36,61,72,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.site-head{height:68px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.head-inner{height:100%;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--dark);color:#fff;font-weight:900}.brand b{font-size:1.2rem;line-height:1}.brand small{display:block;margin-top:5px;font-size:.48rem;letter-spacing:.14em;color:#96a2a7}.site-head nav{display:flex;gap:25px;flex:1;font-size:.82rem;font-weight:700}.site-head nav a:hover{color:var(--blue)}.head-button,.pick-bottom a{background:var(--dark);color:#fff;border-radius:7px;padding:9px 15px;font-size:.76rem;font-weight:800}.intro{padding:48px 0 40px}.crumb{color:#8a979b;font-size:.72rem;margin-bottom:24px}.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px;align-items:end}.kicker,.section-title span,.sidebar-box>span{color:var(--blue);font-size:.68rem;letter-spacing:.12em;font-weight:900}.intro h1{font-size:clamp(2.35rem,5vw,4.3rem);letter-spacing:-.05em;line-height:1.08;margin:10px 0 18px}.intro p{max-width:720px;color:#5f7078}.notice{margin-top:22px;font-size:.72rem;color:#7b898f}.intro aside{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px;box-shadow:var(--shadow)}.intro aside strong{font-size:.9rem}.intro ol{margin:12px 0 0;padding-left:20px;color:var(--muted);font-size:.8rem}.summary{background:var(--dark);color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr)}.summary-grid div{padding:20px 26px;border-right:1px solid #ffffff20}.summary-grid b{font-size:1.5rem;margin-right:8px}.summary-grid span{font-size:.72rem;color:#c4d2d6}.block{padding:68px 0;background:var(--paper)}.block.soft{background:#edf2f1}.section-title{display:flex;justify-content:space-between;align-items:end;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid #9aa8ad}.section-title.compact{margin-bottom:18px}.section-title h2{font-size:2rem;margin:4px 0}.section-title p{margin:4px 0;color:var(--muted);font-size:.84rem}.legend{font-size:.72rem;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b7c4c8;margin:0 5px 0 12px}.legend i.good{background:#73b69f}.top-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.pick{display:flex;gap:15px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow)}.pick.first{border-top:3px solid var(--orange)}.rank{font-size:1.4rem;font-weight:900;color:#b2bdc0}.pick-main{min-width:0;flex:1}.pick-head{display:flex;align-items:center;gap:10px}.logo-text{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:var(--mint);color:#315e65;font-weight:900}.pick-head h3{margin:0;font-size:1.05rem}.pick-head p{margin:1px 0;color:var(--muted);font-size:.66rem}.pick-head em{margin-left:auto;font-style:normal;background:#edf6f2;color:#3c846c;border-radius:99px;padding:3px 7px;font-size:.6rem}.tags{display:flex;gap:5px;flex-wrap:wrap;margin:16px 0}.tags span,.status{background:#f0f3f3;border-radius:4px;padding:3px 6px;color:#66767d;font-size:.62rem}.pick-desc{min-height:76px;color:var(--muted);font-size:.77rem}.pick-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;font-size:.7rem}.pick-bottom span b{font-size:1.25rem;color:var(--blue)}.pick-bottom a{padding:7px 10px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:auto;box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;min-width:750px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:.76rem}th{background:#f1f4f3;color:#607179;font-size:.67rem}tbody tr:hover{background:#f8fbfa}td:first-child{color:#9aa7ac}.status.pending{background:#eef2f3}.status.warning{background:#fff0e8;color:#a85d35}td a{color:var(--blue);font-weight:800}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px}.criteria{display:grid;grid-template-columns:1fr 1fr;gap:12px}.criteria article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.criteria b{color:#9ab3bc}.criteria h3{font-size:.95rem;margin:8px 0}.criteria p{font-size:.76rem;color:var(--muted);margin:0}.sidebar-box{background:var(--dark);color:#fff;border-radius:9px;padding:26px;align-self:start}.sidebar-box>span{color:#9ed8c5}.sidebar-box h3{font-size:1.25rem}.sidebar-box p,.sidebar-box li{color:#cad5d8;font-size:.78rem}.sidebar-box ul{padding-left:18px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-grid article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:23px}.guide-grid article>span{color:var(--blue);font-size:.65rem;font-weight:900}.guide-grid h3{font-size:1rem}.guide-grid p{color:var(--muted);font-size:.78rem}.guide-grid a{font-size:.72rem;font-weight:800;color:var(--blue)}.faq-layout{display:grid;grid-template-columns:300px 1fr;gap:55px}.faqs details{background:#fff;border-bottom:1px solid var(--line);padding:18px 20px}.faqs summary{font-weight:800;cursor:pointer}.faqs p{color:var(--muted);font-size:.8rem}footer{background:var(--dark);color:#c8d3d6;padding:48px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer-brand>span{background:#fff;color:var(--dark)}.footer-grid p,.footer-grid a,.footer-grid span{display:block;font-size:.75rem;margin:7px 0}.footer-grid h4{color:#fff;margin-top:0}.copyright{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:35px;padding-top:16px;font-size:.67rem}@media(max-width:850px){.site-head nav{display:none}.head-button{margin-left:auto}.intro-grid,.two-column,.faq-layout{grid-template-columns:1fr}.top-picks{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.criteria,.guide-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{width:calc(100% - 24px)}.intro{padding-top:30px}.intro h1{font-size:2.45rem}.summary-grid div{padding:16px}.block{padding:48px 0}.section-title{display:block}.legend{margin-top:10px}.criteria,.guide-grid,.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:5px}}
.detail-section{background:#fff}.detail-list{display:grid;gap:16px}.detail-card{display:grid;grid-template-columns:62px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:0 5px 16px rgba(36,61,72,.05)}.detail-card.featured{border-left:4px solid var(--orange)}.detail-rank{font-size:1.6rem;font-weight:900;color:#a4b0b4}.detail-content{min-width:0}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.detail-title h3{font-size:1.25rem;margin:0}.detail-title p{font-size:.72rem;color:var(--muted);margin:3px 0}.detail-title>span{background:#e5f2ed;color:#3e8069;border-radius:99px;padding:4px 9px;font-size:.65rem;font-weight:800;white-space:nowrap}.detail-title .risk-tag{background:#fff0e8;color:#a85d35}.detail-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.detail-specs dl{margin:0;background:#fff;border:1px solid var(--line);border-radius:7px;padding:11px}.detail-specs dt{font-size:.62rem;color:#88969b}.detail-specs dd{margin:4px 0 0;font-size:.75rem;font-weight:700}.coupon{display:inline-flex;align-items:center;gap:9px;background:#e7f2ef;border:1px dashed #9bc9bb;border-radius:7px;padding:7px 10px}.coupon span{font-size:.66rem;color:#678078}.coupon code{font-size:.85rem;font-weight:900;color:#285f50}.coupon button{border:0;background:var(--dark);color:#fff;border-radius:5px;padding:5px 8px;cursor:pointer;font-size:.65rem}.detail-note{max-width:820px;color:var(--muted);font-size:.74rem;margin:14px 0}.detail-link{display:inline-flex;background:var(--dark);color:#fff;border-radius:6px;padding:8px 13px;font-size:.72rem;font-weight:800}.warning-link{background:#a85d35}@media(max-width:850px){.detail-specs{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.detail-card{grid-template-columns:1fr}.detail-rank{font-size:1rem}.detail-title{display:block}.detail-title>span{display:inline-block;margin-top:8px}.detail-specs{grid-template-columns:1fr}.coupon{width:100%;justify-content:space-between}}
.expanded-ranking table{min-width:920px}.expanded-ranking th:nth-child(1){width:55px}.expanded-ranking th:nth-child(2){width:150px}.expanded-ranking th:nth-child(3){width:390px}.expanded-ranking th:nth-child(4){width:210px}.expanded-ranking th:nth-child(5){width:120px}.expanded-ranking td{padding-top:18px;padding-bottom:18px;vertical-align:top}.expanded-ranking td>strong{font-size:.9rem}.expanded-ranking td>small{display:block;margin-top:4px;color:var(--muted);font-size:.65rem}.expanded-ranking td>b{font-size:.76rem;color:#40545d}.expanded-ranking td p{max-width:430px;margin:6px 0 0;color:var(--muted);font-size:.7rem;line-height:1.55}.inline-coupon,.top-coupon{display:flex;align-items:center;gap:6px;margin-top:8px;color:#63767d;font-size:.65rem}.inline-coupon code,.top-coupon code{background:#e5f2ed;color:#285f50;border-radius:4px;padding:3px 6px;font-weight:900}.inline-coupon button,.top-coupon button{border:0;background:var(--dark);color:#fff;border-radius:4px;padding:4px 7px;cursor:pointer;font-size:.6rem}.no-coupon{display:block;margin-top:8px;color:#8a989d;font-size:.65rem}.warning-text{color:#a85d35!important}.top-coupon{margin:-4px 0 12px;padding:7px 9px;background:#f0f6f3;border-radius:6px}.top-coupon button{margin-left:auto}@media(max-width:700px){.expanded-ranking{margin-left:-12px;margin-right:-12px;border-radius:0}.expanded-ranking table{min-width:850px}.expanded-ranking td{padding:14px 12px}}
.plan-spec{display:block;margin-top:4px;color:var(--muted);font-size:.64rem;font-weight:500}
.intro h1{max-width:1000px;font-size:clamp(2.25rem,4.7vw,4rem)}.intro-tip{margin-top:14px;padding-left:14px;border-left:3px solid var(--blue);font-size:.82rem!important;color:#66777e!important}.intro p strong{color:#2f7185}.notice{line-height:1.8}
/* Unified light palette */:root{--ink:#26373e;--muted:#6f8087;--blue:#4d91a5;--mint:#dfeee9;--orange:#e59a6d;--paper:#f8f6f1;--white:#fff;--line:#d9e4e4;--soft:#eef4f2;--dark:#4d91a5;--shadow:0 7px 22px rgba(49,83,92,.07)}body{background:#f8f6f1}.site-head{background:#fff}.brand>span{background:#6fa8b7;color:#fff}.head-button,.pick-bottom a,.detail-link{background:#5b96a7}.summary{background:#e8f2f2;color:var(--ink);border-top:1px solid #d6e4e4;border-bottom:1px solid #d6e4e4}.summary-grid div{border-right:1px solid #cedfdf}.summary-grid b{color:#315b67}.summary-grid span{color:#677b82}.pick-head em{background:#e6f2ed;color:#397862}.inline-coupon button,.top-coupon button,.coupon button{background:#5b96a7}.sidebar-box{background:#e4f0ef;color:var(--ink);border:1px solid #cbdedd}.sidebar-box>span{color:#3e8498}.sidebar-box p,.sidebar-box li{color:#60747b}.sidebar-box h3{color:#263d45}footer{background:#e8f1ef;color:#536a71;border-top:1px solid #d0e0df}.footer-grid h4{color:#2c4650}.footer-grid a,.footer-grid span,.footer-grid p{color:#60757c}.footer-brand>span{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0!important;border-radius:8px!important;background:#6fa8b7!important;color:#fff!important;font-size:1rem!important;font-weight:900!important;line-height:1!important}.footer-brand b{color:#2b4650}.footer-brand small{color:#789098}.copyright{border-color:#cddcda;color:#71858b}.logo-text{background:#e0efea;color:#3f7468}.table-wrap{box-shadow:0 6px 20px rgba(49,83,92,.06)}.warning-link{background:#5b96a7}.summary-grid div:last-child{border-right:0}@media(max-width:560px){.summary-grid div:nth-child(2){border-right:0}.summary-grid div:nth-child(-n+2){border-bottom:1px solid #cedfdf}}
#ranking>.wrap{width:min(1280px,calc(100% - 36px))}.ranking-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:start}.ranking-main{min-width:0}.rank-sidebar{position:relative}.rank-sidebar-inner{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:calc(100vh - 105px);overflow:auto}.rank-sidebar-head{padding:18px;border-bottom:1px solid var(--line);background:#edf5f3}.rank-sidebar-head>span{color:var(--blue);font-size:.62rem;letter-spacing:.12em;font-weight:900}.rank-sidebar-head h3{margin:4px 0 0;font-size:1.05rem}.rank-sidebar-head p{margin:2px 0;color:var(--muted);font-size:.65rem}.rank-sidebar ol{list-style:none;padding:6px 0;margin:0}.rank-sidebar li a{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #edf0ef;transition:background .2s}.rank-sidebar li:last-child a{border-bottom:0}.rank-sidebar li a:hover{background:#f0f7f5}.rank-sidebar li b{width:24px;color:#9aabad;font-size:.68rem}.rank-sidebar li span{font-size:.74rem;font-weight:800}.rank-sidebar li small{display:block;color:var(--muted);font-size:.59rem;font-weight:500}.pick[id],tr[id]{scroll-margin-top:90px}.update-strip{background:#dfeee9;border-top:1px solid #c9deda;padding:34px 0}.update-inner{display:grid;grid-template-columns:220px 1fr auto;gap:32px;align-items:center}.update-inner span{color:var(--blue);font-size:.62rem;letter-spacing:.12em;font-weight:900}.update-inner h2{font-size:1.35rem;margin:4px 0}.update-inner p{color:#596f76;font-size:.78rem}.update-inner a{background:#fff;border:1px solid #bfd6d2;border-radius:7px;padding:9px 13px;color:#3c7280;font-size:.72rem;font-weight:800}@media(max-width:1050px){.ranking-layout{grid-template-columns:1fr}.rank-sidebar-inner{position:static;max-height:none}.rank-sidebar ol{display:grid;grid-template-columns:repeat(3,1fr)}.rank-sidebar li a{border-right:1px solid #edf0ef}.update-inner{grid-template-columns:1fr}.top-picks{grid-template-columns:1fr}}@media(max-width:620px){#ranking>.wrap{width:calc(100% - 24px)}.rank-sidebar ol{grid-template-columns:repeat(2,1fr)}.update-strip{padding:28px 0}}
