:root { --blue:#2563eb; --blue-dark:#1d4ed8; --ink:#17233a; --muted:#6b778c; --line:#e8edf4; --bg:#f7f9fc; --mint:#0f9f81; --shadow:0 10px 28px rgba(16,39,77,.055); --radius:15px }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft Yahei","PingFang SC",sans-serif;background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}a{color:inherit;text-decoration:none}.container{max-width:1192px;margin:0 auto;padding:0 24px}.muted{color:var(--muted)}.hide{display:none!important}
/* Header */
.site-header{height:76px;display:flex;align-items:center;border-bottom:1px solid #eaf0f7;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50;backdrop-filter:blur(15px)}.header-inner{display:flex;align-items:center;gap:42px;width:100%}.logo{display:inline-flex;align-items:center;gap:10px;flex:none}.logo-icon{height:36px;width:36px;border-radius:11px;background:var(--blue);color:white;display:grid;place-items:center;box-shadow:0 7px 12px #2b6bf32b}.logo-name{font-weight:800;font-size:23px;letter-spacing:-1px}.logo-note{font-size:10px;color:#94a0b2;letter-spacing:1.9px;display:block;margin-top:-7px;font-weight:700}.nav{display:flex;align-items:center;gap:34px;flex:1;height:100%}.nav a{height:100%;display:flex;align-items:center;color:#526179;position:relative;font-size:15px;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--blue);font-weight:700}.nav a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;border-radius:3px;background:var(--blue)}.header-actions{display:flex;align-items:center;gap:13px}.text-btn{border:0;background:none;color:#43506a;padding:9px 7px;white-space:nowrap}.text-btn:hover{color:var(--blue)}.btn{border:1px solid transparent;border-radius:9px;padding:10px 17px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 5px 11px #2864f023}.btn-primary:hover{background:var(--blue-dark)}.btn-outline{color:var(--blue);background:white;border-color:#b9cffd}.btn-outline:hover{background:#f5f9ff}.btn-ghost{background:#fff;color:#536179;border-color:#e2e8f0}.btn-big{padding:14px 24px;font-size:15px}.mobile-only{display:none!important}.mobile-nav-toggle{display:none;border:0;background:#f3f7ff;color:var(--blue);border-radius:8px;width:40px;height:38px}
/* Hero */
.hero{background:linear-gradient(106deg,#f1f6ff 0%,#f7faff 45%,#eef5ff 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:480px;height:480px;right:-120px;top:-215px;border-radius:50%;border:100px solid #d6e7ff66}.hero-inner{padding-top:62px;padding-bottom:64px;display:grid;grid-template-columns:1.32fr .68fr;gap:55px;align-items:center;position:relative}.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:#315ee9;background:#e3edff;padding:6px 12px;border-radius:100px;letter-spacing:.4px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#3b82f6}.hero h1{font-size:42px;line-height:1.37;letter-spacing:-1px;margin:20px 0 13px;font-weight:850}.hero h1 b{color:var(--blue)}.hero-desc{font-size:16px;color:#62718a;margin:0 0 28px}.search-wrap{display:flex;align-items:stretch;padding:6px;background:white;border:1px solid #dbe6f7;border-radius:12px;box-shadow:0 12px 32px #2253a70b;max-width:678px}.search-icon{display:grid;place-items:center;padding:0 11px 0 15px;color:#9aa9bb}.search-wrap input{flex:1;min-width:50px;border:0;outline:0;padding:11px 0;font-size:15px;color:#243249}.search-wrap .btn{padding:11px 26px}.hot-keys{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;color:#8490a2;font-size:12px}.hot-keys button{border:0;background:none;color:#6a7d99;padding:0}.hot-keys button:hover{color:var(--blue)}.hero-art{height:245px;position:relative;display:flex;align-items:center;justify-content:center}.orb{width:195px;height:195px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#89b5ff 0%,#4f8cfa 41%,#2861dc 86%);box-shadow:0 25px 70px #2861de3f,inset -15px -18px 26px #143db43f;position:relative}.orb:before,.orb:after{content:"";position:absolute;inset:-22px;border:1px dashed #9fbdf9b8;border-radius:50%;transform:rotate(28deg)}.orb:after{inset:-45px;border-color:#c8ddfd9c}.orb-icon{height:100%;display:grid;place-items:center;color:white}.mini-card{position:absolute;display:flex;align-items:center;gap:11px;padding:12px 15px;min-width:178px;background:#ffffffed;border:1px solid #edf2fc;box-shadow:0 13px 32px #25406f1d;border-radius:13px}.mini-card strong{display:block;font-size:14px}.mini-card small{display:block;color:#8896aa;font-size:11px}.mini-card.one{top:14px;left:-25px;transform:rotate(-3deg)}.mini-card.two{bottom:8px;right:-12px;transform:rotate(3deg)}.mini-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:#e6efff;color:var(--blue)}.mini-icon.green{color:var(--mint);background:#e0f8f1}
/* Main */
.main-bg{background:var(--bg);padding:36px 0 66px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quick{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px 27px;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow)}.quick-icon{width:55px;height:55px;background:#eaf1ff;border-radius:15px;color:var(--blue);display:grid;place-items:center;flex:none}.quick-icon.green{background:#e5f8f2;color:#079578}.quick-content{flex:1}.quick h3{margin:0;font-size:17px}.quick p{margin:4px 0 0;color:var(--muted);font-size:13px}.quick .action-link{font-size:13px;font-weight:700;color:var(--blue);white-space:nowrap}.quick .action-link.green{color:var(--mint)}.quick:hover{border-color:#bcd2ff}.section{margin-top:42px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.section-head h2{font-size:22px;line-height:1.2;letter-spacing:-.35px;margin:0}.section-sub{font-size:13px;color:#8b97a9;margin-top:6px}.more{color:#7f8ca1;font-size:13px}.more:hover{color:var(--blue)}.cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.cat{border:1px solid var(--line);border-radius:13px;background:#fff;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;transition:.15s;box-shadow:0 3px 15px #192e5404;padding:15px 7px}.cat:hover{border-color:#a9c4ff;transform:translateY(-2px);box-shadow:var(--shadow)}.cat-ico{height:42px;width:42px;border-radius:12px;background:#edf4ff;color:#2867e6;display:grid;place-items:center}.cat:nth-child(2) .cat-ico{background:#e9f8f5;color:#149c8c}.cat:nth-child(3) .cat-ico{background:#fff4e7;color:#e89127}.cat:nth-child(4) .cat-ico{background:#f1edff;color:#8361de}.cat:nth-child(5) .cat-ico{background:#fff0f1;color:#e35f73}.cat:nth-child(6) .cat-ico{background:#edf3f7;color:#617c9d}.cat b{font-size:14px}.cat small{font-size:11px;color:#9ba8b9;margin-top:-5px}
.list-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:19px}.feed-panel,.side-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.feed-toolbar{padding:19px 23px 0;display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:24px}.tab{border:0;background:none;color:#78879e;padding:0 0 17px;position:relative;font-size:14px}.tab.active{color:var(--blue);font-weight:750}.tab.active:after{content:"";height:3px;background:var(--blue);border-radius:3px;position:absolute;bottom:-1px;left:0;right:0}.filter{color:#78879e;font-size:12px;border:1px solid #e9eef5;border-radius:6px;padding:6px 26px 6px 10px;background:white}.feed-item{padding:19px 22px 18px;display:flex;gap:15px;border-bottom:1px solid #edf1f7;transition:background .15s;cursor:pointer;position:relative}.feed-item:last-child{border-bottom:0}.feed-item:hover{background:#fcfdff}.type-pill{display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px;border-radius:6px;width:42px;height:23px;font-weight:700;font-size:12px;color:#e58a27;background:#fff3e6}.type-pill.provide{color:#0d997f;background:#e4f8f0}.feed-main{flex:1;min-width:0}.item-title{font-weight:700;font-size:15px;line-height:1.5;margin:0 0 7px}.feed-item:hover .item-title{color:var(--blue)}.item-desc{font-size:12px;color:#7a899f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 11px}.item-meta{font-size:12px;color:#a0abbc;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.meta-sep{width:3px;height:3px;border-radius:50%;background:#c8d1de}.item-category{margin-left:auto;font-size:12px;color:#8a98aa;white-space:nowrap;padding-top:3px}.list-more{display:block;width:100%;background:white;border:0;border-top:1px solid var(--line);padding:15px;font-size:13px;color:#517bea}.list-more:hover{background:#f8fbff}.side-panel{padding:21px 22px;margin-bottom:17px}.side-title{font-size:15px;font-weight:750;margin-bottom:15px;display:flex;align-items:center;gap:9px}.step{display:flex;gap:11px;margin-bottom:16px}.step:last-child{margin:0}.step-number{width:24px;height:24px;border-radius:8px;background:#eaf1ff;color:#3673eb;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.step strong{font-size:13px;display:block}.step small{font-size:12px;color:#96a3b3;display:block;margin-top:2px}.side-notice{border-left:3px solid #a7c4ff;padding-left:10px;font-size:12px;line-height:1.9;color:#7d8ba0;margin-bottom:16px}.side-panel .btn{width:100%;font-size:13px}.empty{padding:40px 20px;text-align:center;color:#8997ab}.empty strong{color:#55657e;display:block;margin-bottom:6px}.no-result{margin-top:10px}
/* Merchant */
.merchants{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.merchant{background:#fff;padding:23px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);transition:.15s}.merchant:hover{border-color:#bfd4ff;transform:translateY(-1px)}.merchant-top{display:flex;gap:13px;align-items:center}.merchant-avatar{height:46px;width:46px;display:grid;place-items:center;flex:none;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfd6ff);color:#2d62bd;font-size:17px;font-weight:800}.merchant:nth-child(2) .merchant-avatar{background:linear-gradient(135deg,#d9f9ee,#b6f1df);color:#158d79}.merchant:nth-child(3) .merchant-avatar{background:linear-gradient(135deg,#fff2db,#fce0b0);color:#c88921}.merchant-name{font-size:15px;font-weight:750}.merchant-area{font-size:12px;color:#8e9cb0;margin-top:4px}.merchant-desc{font-size:13px;color:#6b7c93;line-height:1.8;min-height:46px;margin:16px 0}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:11px;color:#5472a2;background:#f0f5fc;padding:4px 8px;border-radius:5px}.merchant-bottom{padding-top:16px;margin-top:16px;border-top:1px solid #eef1f5;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#96a3b2}.merchant-bottom button{background:none;border:0;color:var(--blue);font-weight:700;padding:0}
/* footer */
.cta{background:linear-gradient(90deg,#245be0,#377cf2);color:white;border-radius:16px;padding:28px 37px;margin-top:46px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:0 0 5px;font-size:22px}.cta p{margin:0;color:#d6e5ff;font-size:13px}.cta .btn{color:#2463e6;background:white;border:0;box-shadow:none}.footer{padding:29px 0 33px;border-top:1px solid #ecf0f6;background:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#98a4b3;font-size:12px}.footer strong{color:#5d6b81;font-size:14px}.demo-ribbon{display:inline-flex;gap:7px;align-items:center;color:#7e8da2;font-size:11px;background:#f0f4f9;padding:6px 10px;border-radius:6px}
/* Modals */
.modal-overlay{position:fixed;inset:0;background:#0a183a80;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal{background:white;border-radius:17px;width:min(100%,530px);max-height:min(92vh,790px);overflow:auto;box-shadow:0 20px 80px #07142e40}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:19px 24px}.modal-header h3{margin:0;font-size:18px}.close{height:30px;width:30px;display:grid;place-items:center;border:0;background:#f5f7fa;border-radius:8px;color:#6c7c91}.modal-body{padding:23px 24px 26px}.field{margin-bottom:15px}.field label{display:block;margin-bottom:7px;color:#43516a;font-weight:650;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce5f1;border-radius:8px;padding:11px 12px;background:white;color:var(--ink);outline:0}.field textarea{resize:vertical;min-height:95px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#82a7fc;box-shadow:0 0 0 3px #2563eb12}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.type-switch button{padding:11px;border:1px solid #dce5f2;background:#fff;border-radius:9px;color:#65758d}.type-switch button.active{color:var(--blue);background:#eef4ff;border-color:#a9c5ff;font-weight:800}.form-hint{font-size:12px;color:#91a0b4;line-height:1.7}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:19px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1b2e4b;color:#fff;box-shadow:0 15px 34px #071f443d;padding:12px 18px;border-radius:9px;font-size:13px;z-index:120;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1}.detail-label{display:inline-flex;color:var(--blue);background:#e9f1ff;border-radius:5px;padding:4px 9px;font-size:12px;font-weight:700}.detail-description{white-space:pre-wrap;color:#55657b;line-height:1.9;margin:20px 0 26px}.detail-meta{display:flex;gap:14px;flex-wrap:wrap;color:#8997a8;font-size:12px}.detail-box{padding:15px 18px;background:#f6f9fe;border-radius:10px;color:#58708e;font-size:13px}.mine{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start}.mine b{font-size:13px}.status{display:inline-block;color:#a16c18;background:#fff4d7;padding:3px 8px;border-radius:6px;font-size:11px;white-space:nowrap}
@media(max-width:1050px){.header-inner{gap:22px}.nav{gap:20px}.hero-inner{gap:15px}.hero h1{font-size:36px}.mini-card.one{left:-5px}.mini-card.two{right:0}.list-layout{grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:760px){.container{padding:0 16px}.site-header{height:63px}.header-inner{gap:10px}.logo-icon{height:33px;width:33px}.logo-name{font-size:21px}.logo-note{font-size:9px}.header-actions{margin-left:auto;gap:6px}.header-actions .btn{padding:9px 11px;font-size:12px}.header-actions .text-btn{font-size:12px}.mobile-nav-toggle{display:grid;place-items:center}.nav{display:none;position:absolute;top:63px;left:0;right:0;height:auto;background:#fff;border-bottom:1px solid #e9eef4;box-shadow:0 14px 22px #152d4a12;gap:0;padding:8px 16px}.nav.open{display:flex;flex-direction:column;align-items:stretch}.nav.open .mobile-only{display:flex!important}.nav a{padding:12px;height:auto}.nav a.active:after{display:none}.hero-inner{display:block;padding-top:35px;padding-bottom:40px}.hero h1{font-size:31px;margin:17px 0 10px}.hero-desc{font-size:13px;margin-bottom:22px}.hero-art{display:none}.search-wrap .btn{padding:10px 15px}.main-bg{padding:23px 0 37px}.quick-grid{gap:10px}.quick{padding:17px 15px;gap:9px;display:block}.quick-icon{height:42px;width:42px;border-radius:11px;margin-bottom:10px}.quick h3{font-size:15px}.quick p{font-size:11px}.quick .action-link{display:inline-block;margin-top:12px;font-size:12px}.section{margin-top:31px}.section-head h2{font-size:19px}.cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cat{min-height:104px}.cat b{font-size:12px}.cat small{font-size:10px}.cat-ico{width:37px;height:37px}.list-layout{display:block}.side{display:none}.feed-toolbar{padding:15px 15px 0}.tabs{gap:20px}.feed-item{padding:16px 14px;gap:10px}.item-title{font-size:13px}.item-category{display:none}.item-meta{gap:7px;font-size:11px}.item-desc{font-size:11px}.merchants{grid-template-columns:1fr;gap:10px}.merchant{padding:19px}.merchant-desc{min-height:0;margin:13px 0}.cta{margin-top:34px;padding:23px 20px;display:block}.cta h2{font-size:19px}.cta .btn{margin-top:17px}.footer-inner{display:block}.footer-inner .demo-ribbon{margin-top:11px}.two-fields{grid-template-columns:1fr}}@media(max-width:400px){.header-actions .text-btn{display:none}.hero h1{font-size:28px}.quick p{min-height:34px}.hot-keys{gap:10px}.tabs{gap:12px}}


/* 宽屏版升级：1440–2560px充分利用屏幕；保持原有手机端样式 */
.container {max-width:1720px; width:calc(100% - 64px); padding:0 24px}
.site-header {height:78px}
.header-inner {gap:58px}
.nav {gap:43px}
.hero-inner {grid-template-columns:minmax(0,1.35fr) minmax(370px,.65fr);gap:72px;padding-top:77px;padding-bottom:79px}
.hero h1 {font-size:49px;line-height:1.31}
.hero-desc {font-size:17px}
.search-wrap {max-width:850px}
.hero-art {height:292px}
.orb {width:235px;height:235px}
.orb-icon svg {width:109px;height:109px}
.mini-card {min-width:200px;padding:15px 17px}
.mini-card.one {left:3px;top:13px}
.mini-card.two {right:0;bottom:12px}
.main-bg {padding-top:42px}
.quick {padding:27px 31px}
.quick-icon {height:60px;width:60px}
.quick h3 {font-size:18px}
.section {margin-top:46px}
.cats {gap:17px}
.cat {min-height:140px}
.list-layout {grid-template-columns:minmax(0,1fr) 312px;gap:24px}
.side-panel {padding:23px 23px}
.feed-item {padding:21px 23px 20px}
.merchants {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.merchant {padding:24px}
.merchant:nth-child(4) .merchant-avatar {background:linear-gradient(135deg,#e9e5ff,#d7cafa);color:#7855c2}
.cta {padding:32px 42px}
@media (min-width:1550px) {
  #feedList {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #feedList>.feed-item:nth-child(odd) {border-right:1px solid #edf1f7}
  #feedList>.feed-item {min-height:139px}
  .item-category {margin-left:8px}
  .feed-toolbar {padding-top:22px}
}
@media (min-width:1920px) {
  .hero-inner {padding-top:87px;padding-bottom:91px}
  .hero h1 {font-size:54px}
  .hero-art {height:314px}
  .orb {width:260px;height:260px}
  .cat {min-height:152px}
}
@media (max-width:1350px) {
  .container {width:calc(100% - 36px);padding:0 18px}
  .header-inner {gap:25px}
  .nav {gap:23px}
  .hero-inner {gap:24px;padding-top:64px;padding-bottom:66px}
  .hero h1 {font-size:42px}
  .merchants {grid-template-columns:repeat(3,minmax(0,1fr))}
  .list-layout {grid-template-columns:minmax(0,1fr) 280px}
}
@media (max-width:1050px) {
  .hero-inner {grid-template-columns:minmax(0,1fr) 320px}
  .hero h1 {font-size:36px}
  .hero-art {height:255px}
  .orb {width:195px;height:195px}
  .mini-card {min-width:178px;padding:12px 13px}
  .list-layout {grid-template-columns:minmax(0,1fr) 240px}
}
@media (max-width:760px) {
  .container {width:100%;padding:0 16px}
  .site-header {height:63px}
  .header-inner {gap:10px}
  .hero-inner {display:block;padding-top:35px;padding-bottom:40px}
  .hero h1 {font-size:31px}
  .hero-desc {font-size:13px}
  .main-bg {padding:23px 0 37px}
  .quick {padding:17px 15px}
  .quick-icon {height:42px;width:42px}
  .quick h3 {font-size:15px}
  .section {margin-top:31px}
  .cats {gap:9px}
  .cat {min-height:104px}
  .list-layout {display:block}
  .feed-item {padding:16px 14px}
  .merchants {grid-template-columns:1fr;gap:10px}
  .merchant {padding:19px}
  .cta {padding:23px 20px}
}
@media (max-width:400px) {.hero h1 {font-size:28px}}

/* 基于上传的宽屏版本定点升级，保留原有色系与分类/推广商模块。 */
:root{--blue:#2563eb;--green:#109b81}
.site-header{height:76px}.header-inner{gap:36px}.nav{gap:26px}.nav a{font-size:14px}.header-actions{margin-left:auto}.header-actions .text-btn{padding:8px 0;font-size:13px}
.hero-inner{display:flex;align-items:center;justify-content:center;text-align:center;padding:39px 0 40px}.hero-inner>div:first-child{width:100%}.hero-art{display:none}.hero h1{font-size:36px;line-height:1.4;margin:14px 0 10px}.hero-desc{font-size:15px;margin-bottom:21px}.search-wrap{width:min(100%,1050px);max-width:none;margin:0 auto;min-height:63px}.search-wrap input{font-size:16px}.search-wrap .btn{min-width:155px;font-size:15px}.hot-keys{justify-content:center}
.main-bg{padding:27px 0 60px}.main-bg>.container{display:flex;flex-direction:column}.main-bg>.container>#information{order:0;margin-top:0}.main-bg>.container>.quick-grid{order:1;margin-top:32px}.main-bg>.container>#categories{order:2;margin-top:34px}.main-bg>.container>#merchants{order:3;margin-top:39px}.main-bg>.container>.cta{order:4;margin-top:36px}#information{scroll-margin-top:92px}
#information .section-head{margin-bottom:17px}#information .section-head h2{font-size:24px}.feed-toolbar{padding:0 21px;min-height:62px;align-items:center}.feed-toolbar .tabs{height:100%;align-items:center;gap:26px}.feed-toolbar .tab{padding:19px 0;font-size:14px}.feed-toolbar .tab.active:after{bottom:0}.feed-tools{display:flex;align-items:center;gap:14px;color:#8d9bb0;font-size:12px}
.feed-grid{padding:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.feed-grid .feed-item{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:167px;padding:17px 17px 14px;border:1px solid #e8edf5;border-radius:11px;background:#fff;cursor:default;transition:.16s}
.feed-grid .feed-item:last-child{border-bottom:1px solid #e8edf5}.feed-grid .feed-item:hover{border-color:#c1d4fc;background:#fff;box-shadow:0 8px 22px #173b7510}
.feed-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.feed-card-platform{font-size:11px;color:#7d90aa;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.feed-content{font-size:16px;color:#1f3150;font-weight:650;line-height:1.65;letter-spacing:.1px;margin:0;flex:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;min-height:82px;word-break:break-word}.feed-item{overflow:hidden}
/* 右上角付费推荐角标：平台与正文主动避让，不遮挡可读内容。 */
.feed-item.has-promo .feed-card-top{padding-right:56px;min-height:25px}
.feed-item.has-promo .feed-card-top .feed-card-platform{flex:1}
.feed-item.has-promo .feed-content{padding-top:7px}
.top-ribbon{position:absolute;top:0;right:0;width:58px;height:58px;overflow:hidden;pointer-events:none;z-index:2}
.top-ribbon span{position:absolute;top:13px;right:-23px;width:90px;transform:rotate(45deg);color:#fff;text-align:center;font-size:11px;font-weight:800;line-height:1;padding:5px 0;letter-spacing:.5px}
.top-ribbon.top span{background:#e3342f;box-shadow:0 3px 10px rgba(227,52,47,.22)}
.top-ribbon.promoted span{background:#f59e0b;box-shadow:0 3px 10px rgba(245,158,11,.22)}
.feed-card-bottom{border-top:1px solid #e5edf8;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:9px}.feed-card-meta{display:flex;gap:4px 11px;align-items:center;flex-wrap:wrap;color:#7f90a8;font-size:11px}.feed-card-meta span{white-space:nowrap}.connect-btn{color:var(--blue);background:none;border:0;padding:5px 1px 5px 5px;font-weight:800;font-size:12px;white-space:nowrap}.connect-btn:hover{color:#1645c0}
.feed-grid .empty{grid-column:1/-1}.type-pill{width:auto;height:auto;padding:3px 8px;font-size:11px;align-self:flex-start}.type-pill.provide{background:#e7f7f2}
.pagination{border-top:1px solid #edf1f6;padding:19px 12px 22px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.page-button{min-width:34px;height:35px;border-radius:7px;border:1px solid #e0e8f3;background:#fff;color:#52647d;padding:0 10px}.page-button:hover:not(:disabled){border-color:#9cbbff;color:var(--blue)}.page-button.active{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:750}.page-button:disabled{cursor:not-allowed;opacity:.4}.page-summary{font-size:12px;color:#8e9bb0;margin-left:8px}
.footer{padding:31px 0 22px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:23px}.footer-brand strong{font-size:22px;color:#2c3e5c}.footer-brand p{margin:7px 0 0;font-size:12px;color:#8491a5}.footer-brand .footer-company{color:#506178;font-size:13px;font-weight:600}.footer-links{display:flex;align-items:center;gap:23px;padding-top:8px}.footer-links button{border:0;background:none;color:#697a92}.footer-links button:hover{color:var(--blue)}.footer-bottom{border-top:1px solid #edf0f5;padding-top:20px;display:flex;flex-wrap:wrap;gap:13px 28px;color:#9ba7b9;font-size:12px}
.floating-tools{position:fixed;right:18px;top:53%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;gap:9px}.float-btn{border:1px solid #e0e9f5;background:#fff;box-shadow:0 8px 25px #2847721c;border-radius:10px;width:81px;min-height:75px;padding:9px 5px;color:#536780;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.float-btn:hover{color:var(--blue);border-color:#a9c8ff}.float-icon{width:30px;height:30px;background:#edf3ff;color:var(--blue);border-radius:9px;display:grid;place-items:center;font-size:18px;font-weight:800}.float-top{min-height:56px}.float-top .float-icon{background:#f3f6fa;color:#6a7890}
.contact-line{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eef2f7;padding:13px 0;font-size:13px;color:#6c7e98}.contact-line strong{color:#36506f}.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.calc-result{border-radius:10px;background:#edf4ff;padding:18px 14px}.calc-result:last-child{background:#e9f8f3}.calc-result span{display:block;font-size:12px;color:#7184a2}.calc-result strong{display:block;font-size:22px;margin-top:8px;color:#2563eb;word-break:break-word}.calc-result:last-child strong{color:#098369}.explain{font-size:12px;color:#8696ad;line-height:1.9}.info-data{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#8595ac;margin-top:14px}.file-row{border-bottom:1px solid #ebf0f6;padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.file-row strong{font-size:13px}.file-row small{display:block;color:#91a0b5}.file-row button{border:1px solid #cbdafa;background:#f7faff;color:var(--blue);padding:7px 12px;border-radius:7px;white-space:nowrap}
@media(max-width:1450px){.header-inner{gap:20px}.nav{gap:18px}.nav a{font-size:13px}.container{width:calc(100% - 44px)}}
@media(max-width:1100px){.header-inner{gap:14px}.nav{gap:11px}.nav a{font-size:12px}.feed-grid{gap:10px;padding:13px}.feed-grid .feed-item{padding:14px 13px;min-height:179px}.feed-card-meta{gap:3px 8px}.floating-tools{right:8px}.float-btn{width:70px}}
@media(max-width:900px){.nav{display:none}.mobile-nav-toggle{display:grid;place-items:center;margin-left:3px}.nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;height:auto;padding:12px 23px;gap:0;box-shadow:0 12px 25px #253c5d19}.nav.open a{height:auto;padding:12px;font-size:14px}.nav.open a.active:after{display:none}.nav.open .mobile-only{display:flex!important}.header-actions{margin-left:auto}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:32px}.floating-tools{top:auto;bottom:18px;transform:none}}
@media(max-width:600px){.site-header{height:63px}.nav.open{top:63px}.container{width:100%;padding:0 16px}.hero-inner{padding:28px 0 30px}.hero h1{font-size:27px}.hero-desc{font-size:12px}.search-wrap{min-height:54px}.search-wrap .btn{min-width:68px;padding:10px 12px;font-size:12px}.search-wrap input{font-size:13px}.search-icon{padding:0 8px}.main-bg{padding-top:21px}.section-head h2{font-size:21px!important}.feed-toolbar{padding:0 13px;gap:8px}.feed-toolbar .tabs{gap:12px}.feed-toolbar .tab{font-size:12px;white-space:nowrap;padding:17px 0}.feed-tools{gap:4px}.feed-tools>span{display:none}.feed-tools .filter{max-width:102px;font-size:11px;padding:6px 4px}.feed-grid{grid-template-columns:1fr;padding:10px;gap:10px}.feed-grid .feed-item{min-height:147px}.feed-content{min-height:0}.feed-card-bottom{flex-wrap:wrap}.pagination{gap:5px;padding:15px 7px}.page-button{padding:0 8px;min-width:31px}.page-summary{flex-basis:100%;text-align:center;margin:4px 0 0}.footer-top{display:block}.footer-links{margin-top:17px}.footer-bottom{line-height:1.8}.floating-tools{left:50%;right:auto;bottom:10px;transform:translateX(-50%);display:flex;flex-direction:row;background:#ffffffeb;border:1px solid #e3ebf6;border-radius:13px;box-shadow:0 7px 28px #192e5028;padding:6px;gap:5px}.float-btn{width:auto;min-width:87px;min-height:43px;box-shadow:none;border:0;background:transparent;flex-direction:row;padding:6px 8px;font-size:11px}.float-icon{height:25px;width:25px;font-size:15px;border-radius:6px}.float-top{min-height:43px}.main-bg{padding-bottom:72px}.quick-grid{margin-top:22px!important}.quick{padding:15px 10px}.quick h3{font-size:13px}.quick p{font-size:11px}.quick .action-link{font-size:11px}.cats{grid-template-columns:repeat(3,minmax(0,1fr))}.merchants{grid-template-columns:1fr}.calc-results{grid-template-columns:1fr}}
#feedList.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#feedList.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#feedList.feed-grid{grid-template-columns:1fr}}
@media(max-width:600px){
 .floating-tools{left:auto;right:10px;bottom:10px;transform:none;padding:5px 6px;gap:2px}
 .float-btn{min-width:72px;width:72px;min-height:38px;height:38px;padding:4px 3px;flex-direction:row;gap:4px}
 .float-btn span:last-child{font-size:10px;white-space:nowrap}
 .float-icon{width:22px;height:24px;font-size:14px}
 .float-top{display:none}
}

/* V2 五列宽屏：仅缩小卡片宽度，保持原版约 188px 的卡片高度 */
@media (min-width:1200px) {
  #feedList.feed-grid {
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
  }
  #feedList.feed-grid .feed-item {
    height:188px;
    min-height:188px;
    padding:13px 12px 11px;
    gap:7px;
    overflow:hidden;
  }
  #feedList .feed-card-top {min-width:0;gap:5px}
  #feedList .feed-card-platform {min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
  #feedList .feed-content {
    min-height:0;
    font-size:13px;
    line-height:1.6;
    -webkit-line-clamp:3;
    line-clamp:3;
  }
  #feedList .feed-card-bottom {flex-direction:column;align-items:stretch;gap:2px;padding-top:6px}
  #feedList .feed-card-meta {gap:2px 6px;font-size:10px;line-height:1.4}
  #feedList .feed-card-meta span {white-space:normal;overflow-wrap:anywhere}
  #feedList .connect-btn {align-self:flex-end;padding:2px;font-size:11px}
}

/* 内页精简：五列卡片与原高度保持不变，只加强信息卡片轮廓 */
#feedList.feed-grid .feed-item,
#feedList.feed-grid .feed-item:last-child {
  border: 1px solid #cbd8e9;
  box-shadow: 0 1px 4px rgba(30, 55, 94, 0.035);
}
#feedList.feed-grid .feed-item:hover {
  border-color: #8eaddf;
  box-shadow: 0 6px 18px rgba(30, 64, 115, 0.08);
}

/* V4：顶部恢复原来的搜索宽度，只压缩纵向空间，提前显示信息区。 */
.hero-inner { padding-top: 16px; padding-bottom: 18px; }
.hero-inner > div:first-child { max-width: none; margin: 0; }
.hero .eyebrow { padding: 4px 10px; font-size: 11px; }
.hero h1 { font-size: 32px; line-height: 1.26; margin: 8px 0 7px; }
.hero-desc { font-size: 14px; margin-bottom: 12px; }
.hero .search-wrap { width: min(100%, 1050px); max-width: 1050px; min-height: 53px; }
.hero .search-wrap .btn { padding: 9px 20px; }
.hero .hot-keys { margin-top: 8px; gap: 12px; }
.main-bg { padding-top: 18px; }
@media (max-width: 600px) {
  .hero-inner { padding: 17px 0 18px; }
  .hero h1 { font-size: 25px; line-height: 1.3; margin: 8px 0 7px; }
  .hero-desc { font-size: 12px; margin-bottom: 11px; }
  .hero .search-wrap { min-height: 51px; }
  .hero .hot-keys { margin-top: 7px; gap: 8px; }
  .main-bg { padding-top: 16px; }
}

/* V6：仅按用户截图还原顶部文案和间距，其他信息布局与功能不修改。 */
.hero-inner { padding-top: 31px; padding-bottom: 57px; }
.hero .eyebrow { padding: 5px 12px; font-size: 11px; }
.hero h1 { font-size: 32px; line-height: 1.32; margin: 9px 0 6px; letter-spacing: -0.45px; }
.hero-desc { font-size: 14px; margin: 0 0 10px; }
.hero .search-wrap { min-height: 60px; }
.hero .hot-keys { margin-top: 9px; gap: 13px; }
@media (max-width: 600px) {
  .hero-inner { padding: 17px 0 23px; }
  .hero .eyebrow { font-size: 10px; padding: 4px 9px; }
  .hero h1 { font-size: 23px; line-height: 1.35; margin: 9px 0 8px; letter-spacing: 0; }
  .hero-desc { font-size: 11px; line-height: 1.65; margin-bottom: 11px; }
  .hero .search-wrap { min-height: 51px; }
  .hero .hot-keys { margin-top: 7px; gap: 8px; }
}

/* V8：五列高密度信息的视觉减负优化。保留188px卡片与置顶/推广排序。 */
#feedList.feed-grid .feed-item,
#feedList.feed-grid .feed-item:last-child {
  background:#ffffff;
  border:1px solid #e3e8f0;
  box-shadow:0 1px 4px rgba(22, 40, 74, .025);
}
#feedList.feed-grid .feed-item:hover {
  border-color:#b9cceb;
  box-shadow:0 5px 15px rgba(25, 55, 100, .065);
}
#feedList.feed-grid .feed-item .feed-content {
  font-size:14px;
  font-weight:500;
  color:#344054;
  line-height:1.65;
  letter-spacing:0;
}
#feedList.feed-grid .feed-card-platform {
  color:#95a1b2;
  font-weight:400;
}
#feedList.feed-grid .feed-card-bottom {
  border-top-color:#edf0f5;
}
#feedList.feed-grid .feed-card-meta {
  color:#99a4b4;
  font-weight:400;
}
#feedList.feed-grid .connect-btn {
  font-weight:650;
  color:#3268da;
}
#feedList.feed-grid .connect-btn:hover {color:#194dbb}
#feedList.feed-grid .type-pill {
  font-weight:650;
  color:#b77835;
  background:#fff4e8;
}
#feedList.feed-grid .type-pill.provide {
  color:#17856f;
  background:#eaf7f3;
}
@media(max-width:600px) {
  #feedList.feed-grid .feed-item .feed-content {
    font-size:14px;
    line-height:1.68;
  }
}
/* 稳定保留滚动条占位，弹窗打开时避免页面左右跳动。 */
html { scrollbar-gutter: stable; }

.feed-card-meta,.item-meta{font-size:13px;line-height:1.65;color:#6b7d96}.feed-card-meta span{font-size:13px}.feed-content{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#263a54;text-decoration:none}.feed-content:hover,.listing-line:hover{color:#2563eb}