/* ============================================================
   电商GEO 消费者品牌页（HTNXT）— 高保真原型样式
   ============================================================ */
:root{
  --blue:#2468f2;--blue2:#eef4ff;--navy:#172033;--bg:#f5f7fb;--line:#e1e6ee;
  --text:#26313f;--muted:#768194;--green:#1f9d61;--green2:#eaf8f1;--gold:#f3b31a;
  --red:#dd4d54;--card:#fff;--shadow:0 5px 22px rgba(31,49,78,.08)
}
.eco-render{box-sizing:border-box}
.eco-render *, .eco-render *::before, .eco-render *::after{box-sizing:border-box}
.eco-render{background:var(--bs-body-bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.eco-render a{text-decoration:none;color:inherit}
.eco-render button,.eco-render input,.eco-render select,.eco-render textarea{font:inherit}
.eco-render button{cursor:pointer}

/* ---------- Top Bar ---------- */
.eco-topbar{background:#fff;border-bottom:1px solid var(--line)}
.eco-topbar .inner{margin:auto;padding:14px 26px;display:flex;align-items:center;justify-content:space-between}
.eco-brandmark{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--navy)}
.eco-brandmark .logo-dot{width:30px;height:30px;background:var(--blue);border-radius:8px;display:grid;place-items:center;color:#fff;font-size:13px}
.eco-brandmark .brand-sub{font-weight:500;color:#7c8796;font-size:13px}
.eco-topnav{display:flex;align-items:center;gap:18px;color:#647086;font-size:13px}
.eco-topnav a:hover{color:var(--blue)}
.eco-topnav .lang-btn, .eco-main-header .lang-btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 10px;font-size:12px;color:#394554;cursor:pointer}

/* ---------- Hero ---------- */
.eco-hero{background:linear-gradient(180deg,#fff 0,#f7f9fd 100%);background:var(--bs-body-bg);border-bottom:1px solid var(--line)}
.eco-hero .inner{margin:auto;padding:30px 15px 30px}
.eco-hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:28px;align-items:start}
.eco-identity{display:flex;gap:18px;align-items:flex-start}
.eco-brand-logo{width:92px;height:92px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;place-items:center;font-size:32px;font-weight:700;color:var(--blue);box-shadow:var(--shadow);overflow:hidden}
.eco-brand-logo img{width:100%;height:100%;object-fit:contain}
.eco-eyebrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.eco-badge{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:3px 8px;background:var(--green2);color:var(--green);font-size:12px}
.eco-badge.blue{background:var(--blue2);color:var(--blue)}
.eco-badge.gray{background:#eef1f5;color:#667085}
.eco-badge.gold{background:#fff7df;color:#a87100}
.eco-h1{font-size:34px;line-height:1.2;margin:8px 0 8px}
.eco-subtitle{font-size:16px;color:#647086;max-width:760px;overflow: hidden;-webkit-line-clamp: 8;-webkit-box-orient: vertical;display: -webkit-box;white-space: pre-wrap}
.eco-rating-row{display:flex;align-items:center;gap:12px;margin:16px 0 8px;flex-wrap:wrap}
.eco-rating-big{font-size:28px;font-weight:700}
.eco-stars{display:flex;gap:3px}
.eco-star{width:24px;height:24px;border-radius:3px;background:var(--gold);color:#fff;display:grid;place-items:center;font-size:14px}
.eco-star.partial{background:linear-gradient(90deg,var(--gold) 50%,#e9edf3 50%)}
.eco-star.empty{background:#e9edf3;color:#98a2b3}
.eco-review-meta{color:#667085}
.eco-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.eco-btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px 15px;color:#394554;cursor:pointer}
.eco-btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.eco-btn.light{border-color:#adc3fb;color:var(--blue);background:#fff}
.eco-btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}
.eco-btn.small{padding:6px 10px;font-size:12px}
.eco-trust-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;height:100%;box-shadow:var(--shadow)}
.eco-trust-card h3{margin:0 0 12px;font-size:15px}
.eco-trust-kv{display:grid;grid-template-columns:130px 1fr;gap:9px 12px;font-size:13px}
.eco-trust-kv .k{color:var(--muted)}

/* ---------- Profile Nav ---------- */
.eco-profile-nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.eco-profile-nav .inner{margin:auto;padding:0 26px;display:flex;gap:26px;overflow:auto}
.eco-profile-nav a{padding:14px 0;border-bottom:2px solid transparent;white-space:nowrap;color:#5e6979}
.eco-profile-nav a:hover{color:var(--blue)}
.eco-profile-nav a:hover{color:var(--blue)}
.eco-profile-nav .logo-section .company-logo {padding: 5px 0}

/* ---------- Layout ---------- */
.eco-page{margin:22px auto;}
.eco-grid-main{display:grid;grid-template-columns:1.7fr .8fr;gap:22px}
.eco-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:20px}
.eco-card h2{font-size:21px;margin:0 0 5px}
.eco-card h3{font-size:16px;margin:0 0 8px}
.eco-section{margin-bottom:22px;scroll-margin-top:72px}
.eco-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:12px;flex-wrap:wrap}
.eco-section-head p{margin:3px 0 0;color:var(--muted)}
.eco-ai-summary{background:linear-gradient(135deg,#f3f7ff,#fff);border:1px solid #d6e2ff}
.eco-ai-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.eco-ai-answer{font-size:15px;line-height:1.75;color:#39485e}
.eco-proscons{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:fit-content}
.eco-pc{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}
.eco-pc .title{font-weight:700;margin-bottom:7px}
.eco-pc ul{margin:0;padding-left:18px;color:#5e6979}
.eco-score-layout{display:grid;grid-template-columns:250px 1fr;gap:24px}
.eco-scorebox{text-align:center;border-right:1px solid var(--line)}
.eco-scorebox .n{font-size:46px;font-weight:700;line-height:1}
.eco-scorebox .caption{color:var(--muted);margin-top:6px}
.eco-dist-row{display:grid;grid-template-columns:45px 1fr 48px;gap:9px;align-items:center;margin:7px 0;font-size:12px}
.eco-bar{height:9px;background:#edf0f4;border-radius:9px;overflow:hidden}
.eco-bar i{display:block;height:100%;background:var(--gold)}
.eco-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.eco-select,.eco-input,.eco-textarea{border:1px solid #ccd6e2;border-radius:6px;padding:9px 11px;background:#fff;width:100%;color:#26313f}
.eco-review-card{border-top:1px solid var(--line);padding:16px 0}
.eco-review-card:first-child{border-top:0}
.eco-review-top{display:flex;justify-content:space-between;gap:12px}
.eco-review-user{display:flex;gap:10px}
.eco-avatar{width:38px;height:38px;border-radius:50%;background:#eef3ff;color:var(--blue);display:grid;place-items:center;font-weight:700;flex:none}
.eco-r-stars{color:#e4a900;letter-spacing:1px;display:flex;gap:3px}
.eco-review-title{font-weight:700;margin:7px 0 3px}
.eco-review-body{color:#536071;max-width:800px}
.eco-review-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.eco-chip{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:3px 6px;background:#fafbfc;color:#667085}
.eco-review-media{margin-top:10px;border-radius:8px;background:#0d1220;color:#fff;height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.eco-play{width:52px;height:52px;border-radius:50%;background:#ffffffd9;color:#0d1220;display:grid;place-items:center;font-size:20px}
.eco-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.eco-video-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}
.eco-video-thumb{height:160px;background:linear-gradient(135deg,#202a3b,#576a86);display:grid;place-items:center;color:#fff;position:relative}
.eco-video-body{padding:12px}
.eco-video-body b{display:block;margin-bottom:3px}
.eco-video-body span{font-size:12px;color:var(--muted)}
.eco-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.eco-product{border:1px solid var(--line);border-radius:9px;padding:13px;background:#fff;display:flex;flex-direction:column}
.eco-product-img{height:130px;background:#f4f6f9;border-radius:7px;display:grid;place-items:center;color:#8a94a3;margin-bottom:10px;overflow:hidden}
.eco-product-img img{width:100%;height:100%;object-fit:contain}
.eco-product-title{font-weight:700;line-height:1.35;height:38px;overflow:hidden}
.eco-price{font-size:16px;font-weight:700;margin:6px 0}
.eco-product-rating{font-size:12px;color:#667085}
.eco-faq-tools{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.eco-faq-cat{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.eco-faq-cat button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 11px;color:#5f6b7a;cursor:pointer}
.eco-faq-cat button.active{background:var(--blue2);border-color:#a9c2ff;color:var(--blue)}
.eco-faq-item{border-top:1px solid var(--line)}
.eco-faq-q{display:flex;justify-content:space-between;gap:10px;padding:14px 0;font-weight:700;cursor:pointer}
.eco-faq-a{display:none;color:#586578;padding:0 0 14px}
.eco-faq-item.open .eco-faq-a{display:block}
.eco-source-note{margin-top:9px;font-size:11px;color:#8791a0}
.eco-side-stack{display:grid;gap:16px}
.eco-detail-list{display:grid;gap:9px}
.eco-detail-row{display:flex;justify-content:space-between;gap:16px;font-size:13px}
.eco-detail-row span:first-child{color:#7b8695}
.eco-transparency{background:#fbfcfe}
.eco-trans-item{display:flex;gap:10px;margin:10px 0}
.eco-trans-icon{width:28px;height:28px;border-radius:50%;background:var(--blue2);color:var(--blue);display:grid;place-items:center;flex:none}
.eco-cta-box{background:linear-gradient(135deg,#1f62e7,#3156b8);color:#fff;border:0}
.eco-cta-box p{color:#e7eeff}
.eco-footer{border-top:1px solid var(--line);background:#fff;padding:30px 26px;color:#7b8493;text-align:center}
.eco-drawer-mask{display:none;position:fixed;inset:0;background:#17203370;z-index:60}
.eco-drawer-mask.show{display:block}
.eco-drawer{position:absolute;right:0;top:0;width:min(720px,96vw);height:100%;background:#fff;padding:22px;overflow:auto;box-shadow:-12px 0 35px #0002}
.eco-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.eco-drawer-head h2{margin:0}
.eco-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.eco-field{margin-bottom:14px}
.eco-label{font-weight:700;margin-bottom:5px}
.eco-upload{border:1px dashed #b9c6d8;border-radius:8px;padding:24px;text-align:center;background:#fcfdff;color:#7c8797}
.eco-notice{padding:10px 12px;border-left:3px solid var(--blue);background:#f6f9ff;color:#536071;margin:12px 0}
.eco-hidden{display:none!important}
.eco-review-list-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;padding-top:4px}
.eco-review-count{font-size:13px;color:#667085}
.eco-review-count b{color:var(--text)}
.eco-pagination-wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:16px;margin-top:6px;flex-wrap:wrap}
.eco-pagination{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.eco-page-btn{min-width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:6px;color:#526071;cursor:pointer}
.eco-page-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}
.eco-page-btn:disabled{opacity:.4;cursor:not-allowed}
.eco-page-ellipsis{padding:0 3px;color:#8b95a4}
.eco-per-page{display:flex;gap:8px;align-items:center;color:#667085;font-size:12px}
.eco-video-filter.active,.eco-sort-btn.active{background:var(--blue2);color:var(--blue);border-color:#afc5fa}
.eco-empty-reviews{padding:42px;text-align:center;color:#7c8796}
.eco-transparency-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}
.eco-transparency-tile{border:1px solid var(--line);border-radius:9px;padding:13px;background:#fff;display:flex;gap:10px;align-items:flex-start}
.eco-content-standard{margin-top:12px;padding:10px 12px;border-radius:7px;background:#f8fafc;border:1px solid var(--line);color:#667085;font-size:12px}

/* ---------- Responsive ---------- */
@media(max-width:1050px){
  .eco-hero-grid,.eco-grid-main,.eco-ai-summary-grid,.eco-score-layout{grid-template-columns:1fr}
  .eco-scorebox{border-right:0;border-bottom:1px solid var(--line);padding-bottom:16px}
  .eco-video-grid,.eco-product-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .eco-topnav{display:none}
  .eco-video-grid,.eco-product-grid,.eco-proscons,.eco-form-grid{grid-template-columns:1fr}
  .eco-identity{flex-direction:column}.eco-brand-logo{width:72px;height:72px}
  .eco-h1{font-size:28px}.eco-profile-nav .inner{gap:18px}
}