:root{--ink:#18251f;--muted:#65736b;--green:#1b5e20;--green2:#e8f3e9;--line:#dfe6e1;--paper:#f5f7f5;--white:#fff;--amber:#9b6700;--red:#b42318;--blue:#176b87}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}.hero{background:linear-gradient(125deg,#123c1a,#1b5e20 62%,#367b3a);color:#fff}.hero-inner{max-width:1540px;margin:auto;padding:34px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:11px;letter-spacing:2.6px;color:#b9ddbd;font-weight:700}h1{font-size:34px;margin:7px 0 8px;letter-spacing:.5px}.hero p{margin:0;color:#d9eadb;font-size:15px}.update-card{display:flex;align-items:center;gap:12px;background:#ffffff12;border:1px solid #ffffff26;border-radius:12px;padding:14px 18px;min-width:230px}.update-card b,.update-card small{display:block}.update-card small{color:#c9dfcc;margin-top:5px}.live-dot{width:10px;height:10px;border-radius:50%;background:#86e38f;box-shadow:0 0 0 5px #86e38f1f}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav-inner{max-width:1540px;margin:auto;padding:0 32px;display:flex;gap:8px;overflow:auto}.nav-btn{border:0;background:transparent;padding:17px 18px 14px;font-weight:650;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.nav-btn.active{color:var(--green);border-color:var(--green)}main{max-width:1540px;margin:auto;padding:24px 32px 40px}.warning{background:#fff7e6;border:1px solid #eeddb7;border-left:4px solid #d99b24;color:#694d17;padding:13px 16px;border-radius:8px;line-height:1.65;margin-bottom:22px}.tab{display:none}.tab.active{display:block}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:4px 0 18px}.section-head h2{margin:0 0 7px;font-size:23px}.section-head p{margin:0;color:var(--muted);line-height:1.65}.btn{border:0;border-radius:7px;padding:9px 14px;font-weight:650;cursor:pointer;white-space:nowrap}.btn.secondary{background:#fff;border:1px solid #cdd8d0;color:#35473b}.btn:hover{filter:brightness(.97)}.toolbar{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-bottom:14px}.toolbar label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:650}.toolbar input,.toolbar select,.price-input{border:1px solid #cdd7d0;background:#fff;border-radius:6px;padding:9px 10px;color:var(--ink);min-width:150px;font:inherit}.toolbar .grow{flex:1;min-width:230px}.toolbar .grow input{width:100%}.toolbar .check{flex-direction:row;align-items:center;padding-bottom:10px;white-space:nowrap}.toolbar .check input{min-width:auto}.input-unit{display:flex;align-items:center}.input-unit input{border-radius:6px 0 0 6px;width:110px;min-width:110px}.input-unit span{padding:9px 11px;border:1px solid #cdd7d0;border-left:0;border-radius:0 6px 6px 0;background:#f3f6f3;color:#435348}.summary-strip{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 16px;min-width:150px}.metric small,.metric b{display:block}.metric small{color:var(--muted);margin-bottom:5px}.metric b{font-size:18px}.metric.best{border-color:#9ac69f;background:#f3faf3}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{background:#f1f5f2;color:#4c5d52;text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:12px 10px;border-bottom:1px solid #edf0ee;vertical-align:top;line-height:1.55}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fafcfa}.compare-table{min-width:1250px}.product-name{font-weight:650;max-width:370px}.platform{display:inline-block;font-size:11px;font-weight:750;border-radius:4px;padding:2px 6px;margin-bottom:5px;background:#eef2ef}.platform.东方甄选{color:#9d321f;background:#fff0eb}.platform.山姆MM{color:#176b87;background:#eaf6fa}.platform.京东京造{color:#b42318;background:#fff0f0}.platform.名创优品{color:#6f4aa5;background:#f3edfb}.money{font-weight:750;white-space:nowrap}.unit-best{color:var(--green);font-size:16px}.muted{color:var(--muted);font-size:12px}.small-input{width:82px;min-width:82px;padding:7px}.actual-input{width:105px;min-width:105px}.calc-inputs{display:flex;gap:5px}.badge{display:inline-block;padding:3px 7px;border-radius:10px;background:#eef2ef;color:#526158;font-size:11px;margin:2px 3px 2px 0;white-space:nowrap}.badge.ok{background:#e8f3e9;color:#256b2c}.badge.warn{background:#fff3d9;color:#8a5c00}.badge.error{background:#fdecea;color:#a82b22}.footnote{color:var(--muted);font-size:12px;line-height:1.7}.count-line{margin:12px 2px;color:var(--muted)}.library-wrap{max-height:650px}.library-wrap thead{position:sticky;top:0;z-index:2}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:18px}.collector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.collector{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px}.collector h3{margin:0 0 10px}.collector p{color:var(--muted);line-height:1.6;min-height:44px}.status-pill{font-size:11px;padding:4px 8px;border-radius:10px;background:#e8f3e9;color:#256b2c}.status-pill.partial{background:#fff3d9;color:#8a5c00}h3.section-subtitle{margin-top:28px}.coverage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:12px}.coverage{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px}.coverage b{display:block;margin-bottom:7px}.coverage small{color:var(--muted)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.method-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.method-grid article>span{color:#8db491;font-size:28px;font-weight:800}.method-grid h3{margin:12px 0 8px}.method-grid p,.architecture p{color:var(--muted);line-height:1.75}.architecture{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;margin-top:18px}.architecture code{display:block;background:#16241b;color:#d4ead7;border-radius:7px;padding:18px;overflow:auto;line-height:1.6}footer{text-align:center;color:#7b867f;font-size:12px;padding:22px;border-top:1px solid var(--line)}a{color:var(--blue)}.platform-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.platform-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px}.overview-number{font-size:34px;font-weight:780;margin:13px 0 4px}.overview-number small{font-size:12px;color:var(--muted);font-weight:500;margin-left:7px}.overview-price{color:var(--muted);font-size:12px;margin-bottom:15px}.overview-price b{color:var(--ink);font-size:16px;margin-left:5px}.cat-line{display:grid;grid-template-columns:64px 1fr 43px;align-items:center;gap:7px;font-size:11px;margin:8px 0;color:#536158}.cat-line>div{height:6px;background:#edf1ee;border-radius:5px;overflow:hidden}.cat-line i{display:block;height:100%;background:#73a77a;border-radius:5px}.cat-line b{text-align:right;font-weight:600}.overview-table-wrap{margin-bottom:28px}.compare-section{border-top:1px solid var(--line);padding-top:26px}.compare-table{min-width:1050px}.source-channel{display:block;line-height:1.55;margin:10px 0}.update-policy{background:#f0f7f0}.collector .muted{margin-top:10px;line-height:1.65}@media(max-width:1100px){.platform-overview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.collector-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.coverage-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.platform-overview-grid{grid-template-columns:1fr}.hero-inner,main{padding-left:16px;padding-right:16px}.nav-inner{padding:0 8px}.hero-inner{align-items:flex-start;flex-direction:column}.update-card{min-width:0;width:100%}h1{font-size:29px}.section-head{flex-direction:column}.collector-grid,.method-grid,.coverage-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar label,.toolbar input,.toolbar select{width:100%}.toolbar .check{flex-direction:row}.input-unit input{width:100%}.warning{font-size:13px}.section-head h2{font-size:21px}}
