:root{--ink:#17212f;--muted:#667085;--soft:#f5f1e8;--paper:#fffdf8;--surface:#fff;--surface-glass:#ffffffdb;--line:#1d29391a;--teal:#0f766e;--teal-dark:#0b5f58;--red:#b42318;--gold:#b7791f;--blue:#1d4ed8;--shadow:0 14px 32px #1d29391a;color:var(--ink);background:linear-gradient(#fff8ed 0%,#f5f8fb 42%,#f6f7f2 100%);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(960px,100%);min-height:100vh;margin:0 auto;padding:18px 14px 52px}.hero-panel,.trust-strip,.list-toolbar,.price-row,.meta-row,.action-row,.drawer-header,.detail-summary,.filter-card-title,.card-badge-row{align-items:center;display:flex}.hero-panel{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffdf8fa,#fff6e8eb),linear-gradient(90deg,#0f766e1f,#b423181a);border:1px solid #b423181f;border-radius:8px;justify-content:space-between;gap:18px;padding:18px;position:relative;overflow:hidden}.hero-copy{min-width:0}.eyebrow{color:var(--teal-dark);margin:0 0 5px;font-size:13px;font-weight:700}h1,h2{letter-spacing:0;margin:0}h1{color:#111827;font-size:30px;line-height:1.12}h2{font-size:19px}.hero-subtitle{color:var(--muted);margin:8px 0 0;font-size:14px}.hero-card{text-align:right;background:#ffffffbd;border:1px solid #b4231829;border-radius:8px;min-width:118px;padding:12px;display:grid}.hero-card span,.hero-card small{color:var(--muted);font-size:12px}.hero-card strong{color:var(--red);font-size:34px;line-height:1}.trust-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 12px;display:grid}.trust-strip div{border:1px solid var(--line);background:var(--surface-glass);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:1px 7px;padding:10px;display:grid;box-shadow:0 8px 18px #1d29390d}.trust-strip svg{color:var(--gold);grid-row:span 2}.trust-strip strong{color:var(--ink);font-size:18px;line-height:1}.trust-strip span{color:var(--muted);font-size:12px}.ghost-button,.solid-button,.detail-button,.link-button,.sticky-consult,.icon-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.ghost-button{color:var(--teal-dark);background:#fff;border:1px solid #0f766e29;padding:9px 12px;box-shadow:0 8px 18px #0f766e14}.filter-card{border:1px solid var(--line);background:var(--surface-glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;padding:13px}.filter-card-title{color:var(--teal-dark);justify-content:space-between;margin-bottom:12px}.filter-card-title h2{color:var(--ink)}.filter-band{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;display:grid}.filter-band label{color:var(--muted);gap:6px;font-size:13px;font-weight:650;display:grid}.filter-band input,.filter-band select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #1d29391f;border-radius:8px;outline:none;padding:10px}.filter-band input:focus,.filter-band select:focus{border-color:#0f766e6b;box-shadow:0 0 0 3px #0f766e1a}.server-picker{position:relative}.server-picker-control{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.server-picker-control button{color:#8a4b08;background:#fff7e8;border:1px solid #1d29391f;border-radius:8px;padding:0 10px}.server-picker-menu{z-index:12;background:#fff;border:1px solid #1d29391f;border-radius:8px;max-height:330px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 34px #1d293929}.server-area-group+.server-area-group{border-top:1px solid #1d293914;margin-top:8px;padding-top:8px}.server-area,.server-option{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;padding:7px 8px}.server-area{justify-content:space-between;font-weight:800;display:flex}.server-area span{color:var(--muted);font-size:12px;font-weight:500}.server-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px;display:grid}.server-area:hover,.server-option:hover,.server-area.active,.server-option.active{color:var(--teal-dark);background:#eaf7f4}.server-picker-menu p{color:var(--muted);text-align:center;margin:10px}.list-toolbar{justify-content:space-between;margin:12px 0}.list-toolbar div{color:var(--muted);gap:6px;display:flex}.list-toolbar strong{color:var(--red)}.group-list{gap:12px;display:grid}.group-card{cursor:pointer;background:#fff;border:1px solid #1d29391a;border-radius:8px;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #1d293914}.group-card:before{background:linear-gradient(90deg, var(--teal), var(--gold), var(--red));content:"";height:3px;position:absolute;top:0;left:0;right:0}.group-card:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.lineup-avatar{aspect-ratio:1;background:linear-gradient(145deg, #ffffff24, transparent), var(--avatar-bg);width:100%;min-height:118px;color:var(--avatar-fg);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:5px;display:grid;box-shadow:inset 0 -18px 36px #0000001f}.lineup-avatar strong,.lineup-avatar span{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.lineup-avatar strong{font-size:34px;line-height:1}.lineup-avatar span{padding:0 8px;font-size:15px;font-weight:800}.group-main{min-width:0}.card-badge-row{justify-content:space-between;gap:6px;margin-bottom:4px}.card-badge-row span{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:700;overflow:hidden}.card-badge-row span:first-child{color:#8a4b08;background:#fff4df}.card-badge-row span:last-child{color:#155e75;background:#eef6ff}.price-row{justify-content:space-between;gap:8px}.price-row strong{color:var(--red);font-size:22px;line-height:1.15}.price-row span{color:var(--muted);font-size:13px;font-weight:700}.title-button{color:#111827;text-align:left;background:0 0;border:0;width:100%;padding:4px 0;font-weight:800;line-height:1.35;display:block}.group-main p{color:#5f6b7a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 8px;font-size:14px;display:-webkit-box;overflow:hidden}.sect-strip{flex-wrap:wrap;gap:5px;margin:7px 0 8px;display:flex}.sect-strip span{color:#1e40af;background:#f8fbff;border:1px solid #dbeafe;border-radius:6px;padding:3px 6px;font-size:12px;font-weight:650}.meta-row,.tag-row{flex-wrap:wrap;gap:6px;display:flex}.meta-row span,.tag-row span{border-radius:6px;padding:3px 7px;font-size:12px}.meta-row span{color:var(--teal-dark);background:#eaf7f4}.tag-row span{color:#8a4b08;background:#fff4df}.action-row{justify-content:flex-end;gap:8px;margin-top:10px}.solid-button{color:#243447;background:#f0f3f7;padding:8px 10px;font-weight:700}.detail-button{color:var(--teal-dark);background:#fff;border:1px solid #0f766e2e;padding:8px 10px;font-weight:800}.solid-button.primary,.sticky-consult{background:var(--teal);color:#fff}.solid-button.warm{color:#9a3412;background:#ffe8cc}.empty{color:var(--muted);text-align:center;margin:24px 0}.detail-drawer{z-index:20;background:#fff;border-radius:8px 8px 0 0;padding:18px 16px 92px;position:fixed;inset:24px max(14px,50vw - 480px) 0;overflow:auto;box-shadow:0 -18px 44px #1d29393d}.drawer-header{justify-content:space-between;gap:12px}.icon-button{width:38px;height:38px;color:var(--ink);background:#f1f4f7}.detail-summary{flex-wrap:wrap;gap:8px;margin:14px 0}.detail-summary span{color:var(--teal-dark);background:#eaf7f4;border-radius:6px;padding:6px 9px;font-weight:700}.detail-text,.risk{margin:8px 0}.risk{color:#9a3412}.role-list{gap:10px;margin-top:14px;display:grid}.role-item{background:#fffdf8;border:1px solid #1d29391f;border-radius:8px;padding:12px}.role-item div{justify-content:space-between;gap:8px;display:flex}.role-item span,.role-item p{color:#5f6b7a;font-size:13px}.role-item p{margin:5px 0}.link-button{color:#075985;background:#edf7ff;padding:7px 9px}.sticky-consult{padding:13px;font-weight:800;position:fixed;bottom:18px;left:max(16px,50vw - 464px);right:max(16px,50vw - 464px)}.modal-backdrop{z-index:40;background:#1d293980;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.consult-modal{text-align:center;background:#fff;border-radius:8px;width:min(420px,100%);padding:22px;position:relative;box-shadow:0 18px 48px #1d293938}.modal-close{position:absolute;top:12px;right:12px}.consult-modal img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:min(260px,78vw);margin:12px auto}@media (width<=720px){.app-shell{padding-top:12px}.hero-panel{align-items:stretch}.filter-band{grid-template-columns:repeat(2,minmax(0,1fr))}.group-card{grid-template-columns:108px minmax(0,1fr)}.lineup-avatar{min-height:108px}.price-row strong{font-size:20px}}@media (width<=520px){.hero-panel{display:grid}.hero-card{text-align:left;min-width:0}.trust-strip{grid-template-columns:1fr 1fr 1fr}.trust-strip div{text-align:center;grid-template-columns:1fr;justify-items:center}.trust-strip svg{grid-row:auto}}@media (width<=460px){.app-shell{padding-inline:10px}h1{font-size:28px}.filter-card{padding:10px}.filter-band{gap:8px}.group-card{grid-template-columns:96px minmax(0,1fr);gap:10px}.lineup-avatar{min-height:96px}.lineup-avatar strong{font-size:28px}.server-options{grid-template-columns:1fr}.action-row{justify-content:stretch}.solid-button,.detail-button{flex:1}.card-badge-row span:last-child{display:none}}