: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}}

/* 仅调整最新供需信息左侧列表；其它页面区域沿用原版 */
#information .feed-item {min-height:142px; align-items:flex-start; cursor:default}
#information .feed-main {display:flex; flex-direction:column; min-width:0; align-self:stretch}
#information .listing-line {color:#29384f;line-height:1.75;font-size:14px;font-weight:500;margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
#information .type-pill {width:40px;margin-top:2px}
#information .item-meta {display:flex;gap:10px;align-items:center;margin-top:auto;flex-wrap:wrap;color:#8595ac;font-size:11.5px}
#information .connect-btn {margin-left:auto;border:1px solid #c9d9fd;border-radius:6px;background:#f7faff;color:#2462dc;font-size:12px;font-weight:650;padding:5px 10px;white-space:nowrap}
#information .connect-btn:hover {background:#eaf1ff;border-color:#91b1fa}
#information .pagination {display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:19px 14px;background:#fff;border-top:1px solid #e8edf4}
#information .page-btn {min-width:34px;height:34px;padding:0 11px;border:1px solid #e1e8f2;background:#fff;border-radius:7px;color:#607089;font-size:12px}
#information .page-btn.current {border-color:#2563eb;background:#2563eb;color:#fff;font-weight:700}
#information .page-btn:disabled {color:#bdc7d5;background:#fafbfc;cursor:not-allowed}
#information .page-btn:not(:disabled):not(.current):hover {border-color:#a8c0f9;color:#2563eb}
#information .page-total {font-size:11px;color:#95a0af;margin-left:6px}
#information .feed-empty {grid-column:1/-1;text-align:center;padding:45px 20px;color:#8090a7}
@media (max-width:760px) {
 #information .feed-item {min-height:138px}
 #information .listing-line {font-size:13px}
 #information .item-meta {gap:7px;font-size:11px}
 #information .connect-btn {padding:5px 8px;font-size:11px}
}

/* V8: only list display count/bottom link, floating tools and footer. Original header, hero and side panels unchanged. */
#information .feed-more {width:100%;height:52px;display:block;border:0;border-top:1px solid #e8edf4;background:#f7faff;color:#2463eb;text-align:center;font-size:13px;font-weight:500;cursor:pointer}
#information .feed-more:hover {background:#edf4ff;color:#164bc5}
#information .feed-more:focus-visible {outline:2px solid #93c5fd;outline-offset:-3px}
#information .feed-more[hidden] {display:none}
.floating-tools {position:fixed;z-index:49;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}
.float-tool {width:82px;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff;color:#536782;border:1px solid #e1eaf8;border-radius:12px;box-shadow:0 8px 22px #21395712;font-size:12px;white-space:nowrap;transition:border-color .15s,transform .15s,box-shadow .15s}
.float-tool:hover {color:#2563eb;transform:translateX(-3px);border-color:#aac4fc;box-shadow:0 11px 25px #1b4c9a1b}
.float-icon {display:flex;align-items:center;justify-content:center;height:30px;width:30px;color:#396cf0;background:#eaf1ff;border-radius:9px}
.float-percent {font-size:23px;font-weight:800;line-height:1}
.float-top {font-size:21px;font-weight:600;color:#7286a5;background:#f1f4f8}
.footer .footer-inner {align-items:center;gap:28px}
.footer-company {line-height:1.95}
.footer-company strong {font-weight:750;color:#40516a}
.footer-company .icp-link {color:#8192a8;font-size:12px;display:inline-block}
.footer-company .icp-link:hover {color:#2563eb}
.footer-links {display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.footer-links button {border:0;background:transparent;padding:6px 0;color:#687a91;font-size:13px;white-space:nowrap}
.footer-links button:hover {color:#2563eb}
.rebate-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.rebate-result {background:#f5f8ff;border:1px solid #e2eafb;padding:16px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rebate-result small {display:block;color:#7789a6;font-size:12px;margin-bottom:5px}
.rebate-result strong {font-size:22px;color:#245fdc;overflow-wrap:anywhere}
.rebate-result strong.secondary {color:#31445d}
@media(max-width:760px) {
 .floating-tools {right:9px;top:auto;bottom:12px;transform:none;flex-direction:row;gap:5px}
 .float-tool {width:57px;min-height:56px;border-radius:9px;font-size:10px;gap:3px;padding:5px 1px;background:#ffffffed}
 .float-tool:hover {transform:none}
 .float-icon {width:23px;height:23px;border-radius:6px}
 .float-icon svg {width:17px;height:17px}
 .float-percent {font-size:18px}
 .float-top {font-size:17px}
 .footer-links {gap:18px;margin-top:10px}
 .rebate-grid,.rebate-result {grid-template-columns:1fr}
}
/* V9: keep a stable scrollbar gutter while the dialog locks page scrolling. */
html {scrollbar-gutter:stable}

.feed-main .listing-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65;height:3.3em;color:inherit;text-decoration:none}.feed-main .listing-line:hover{color:#436fee}

.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}

.roi-calculator-modal .modal{width:min(1180px,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.roi-calculator-modal .modal-header{flex:none}.roi-calculator-modal .modal-body{padding:0;min-height:0;overflow:hidden}.roi-calculator-modal #roiFrameStatus{padding:20px 24px}.roi-calculator-modal iframe{width:100%;height:min(76vh,900px);display:block;border:0}.roi-calculator-modal iframe[hidden]{display:none}@media(max-width:760px){.roi-calculator-modal{padding:10px}.roi-calculator-modal .modal-header{padding:14px 16px}}

.rebate-result{margin-bottom:18px}.rebate-result>div:first-child{grid-column:1/-1}.rebate-grid input[aria-invalid=true]{border-color:#d04747}