/* ============================================================
   主题系统：按语言自动切换
   - 中文 / 默认      : warm  暖调（原来的风格，保持不动）
   - 日语 (ja)        : wa    和风 · 米白 + 墨黑 + 陶土
   - 英语/欧洲 (en)   : dark  欧美食材 · 深色 + 聚光 + 高饱和暖色
   由 main.js 在 <html data-theme="..."> 上切换
   ============================================================ */

/* --- 主题 A：暖调（中文 / 默认）--- */
:root, html[data-theme="warm"]{
  --bg:#fbf7f0; --bg2:#f3ead9; --ink:#2c2118; --muted:#7a6a58;
  --brand:#8a4b22; --brand2:#c8743a; --accent:#3f7d4f; --line:#e4d8c4;
  --card:#fffdf8; --shadow:0 6px 24px rgba(80,50,20,.10);
  --header-bg:rgba(251,247,240,.92);
  --hero-grad:linear-gradient(135deg,#fff6e9,#f0e2cb);
  --dl-grad:linear-gradient(135deg,#fff6e9,#f0e2cb);
  --agent-grad:linear-gradient(135deg,#f3ead9,#e7dcc6);
  --footer-bg:#2c2118; --footer-ink:#e9ddca; --footer-link:#f0d9b8;
  --btn-ink:#fff;
  --font-head:inherit;
  --radius:16px;
  --on-img:#fff;
  --st-exported:#4ea760;
  --st-quotable:#4472C4;
  --st-sourcing:#d97545;
}

/* --- 主题 B：和风（日语）· 米白 + 墨黑 + 陶土，细字大留白 --- */
html[data-theme="wa"]{
  --bg:#faf8f5; --bg2:#f1ede6; --ink:#1c1c1c; --muted:#6f6a63;
  --brand:#1c1c1c; --brand2:#a8825c; --accent:#5a7052; --line:#e2ddd4;
  --card:#ffffff; --shadow:0 2px 10px rgba(28,28,28,.06);
  --header-bg:rgba(250,248,245,.94);
  --hero-grad:linear-gradient(135deg,#faf8f5,#efeae1);
  --dl-grad:linear-gradient(135deg,#faf8f5,#eee9df);
  --agent-grad:linear-gradient(135deg,#f4f1ea,#e8e3d9);
  --footer-bg:#1c1c1c; --footer-ink:#dcd7ce; --footer-link:#d8c3a5;
  --btn-ink:#faf8f5;
  --font-head:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP","Songti SC",serif;
  --radius:4px;
  --on-img:#1c1c1c;
  --st-exported:#5a7052;
  --st-quotable:#4a5a78;
  --st-sourcing:#a8825c;
}

/* --- 主题 C：欧美食材（英语）· 深色 + 聚光 + 高饱和暖色 --- */
html[data-theme="dark"]{
  --bg:#1a1512; --bg2:#231c17; --ink:#f5efe6; --muted:#b3a696;
  --brand:#e0a15c; --brand2:#f0c088; --accent:#8fbf7f; --line:#3a2f26;
  --card:#241c17; --shadow:0 10px 34px rgba(0,0,0,.45);
  --header-bg:rgba(26,21,18,.90);
  --hero-grad:linear-gradient(135deg,#241c17,#1a1512 60%,#2a1f18);
  --dl-grad:linear-gradient(135deg,#2a2019,#1a1512);
  --agent-grad:linear-gradient(135deg,#241c17,#2c211a);
  --footer-bg:#120e0b; --footer-ink:#cdbfae; --footer-link:#e0a15c;
  --btn-ink:#1a1512;
  --font-head:inherit;
  --radius:10px;
  --on-img:#1a1512;
  --st-exported:#8fbf7f;
  --st-quotable:#7fa3e0;
  --st-sourcing:#e0a15c;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Hiragino Sans","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;
  transition:background-color .35s ease,color .35s ease}
h1,h2,h3,h4,.section-head h2{font-family:var(--font-head)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;background:var(--brand);color:var(--btn-ink);padding:12px 26px;border-radius:30px;
  font-weight:600;transition:.2s;box-shadow:var(--shadow)}
.btn:hover{background:var(--brand2);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}

/* Header */
header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}

.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:19px;color:var(--brand);letter-spacing:.5px}
.logo small{display:block;font-size:11px;color:var(--muted);font-weight:500;letter-spacing:1px}
.navlinks{display:flex;gap:26px;align-items:center}
.navlinks a{font-weight:500;color:var(--ink);position:relative}
.navlinks a:hover{color:var(--brand)}
.lang{display:flex;gap:6px;border:1px solid var(--line);border-radius:20px;padding:3px}
.lang button{background:none;border:none;cursor:pointer;font-size:13px;padding:4px 10px;border-radius:16px;color:var(--muted)}
.lang button.active{background:var(--brand);color:var(--btn-ink)}
.menuBtn{display:none;background:none;border:none;font-size:24px;color:var(--brand)}

/* Hero */
.hero{position:relative;background:var(--hero-grad);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:70px 20px}
.hero h1{font-size:40px;line-height:1.25;color:var(--brand);margin-bottom:14px}
.hero p.lead{font-size:18px;color:var(--muted);margin-bottom:26px}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.hero-img{border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow);object-fit:cover;max-height:380px;width:100%}
.stats{display:flex;gap:24px;margin-top:34px;flex-wrap:wrap}
.stat{font-size:14px;color:var(--muted)}
.stat b{display:block;font-size:22px;color:var(--brand);font-weight:800}

/* Sections */
section{padding:64px 0}
.section-head{text-align:center;margin-bottom:40px}
.section-head h2{font-size:30px;color:var(--brand);margin-bottom:8px}
.section-head p{color:var(--muted)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.about-grid img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;aspect-ratio:4/3;object-fit:cover}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.adv{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.adv h4{color:var(--brand);margin-bottom:8px}
.adv p{font-size:14px;color:var(--muted)}

/* ============================================================
   第二职能区块：云南选品与代验工厂（首页主功能区块，权重与产品并列）
   ============================================================ */
.agent-band{background:var(--agent-grad);position:relative;overflow:hidden}
.agent-band .wrap{position:relative;z-index:1}

/* 区块标题：比普通 section 更大 */
.agent-head{text-align:center;margin-bottom:52px}
.agent-kicker{display:inline-block;font-size:12.5px;letter-spacing:2.5px;font-weight:700;
  color:var(--btn-ink);background:var(--brand);padding:5px 16px;border-radius:20px;margin-bottom:18px}
.agent-title{font-size:40px;line-height:1.25;color:var(--brand);margin-bottom:16px}
.agent-lead{max-width:760px;margin:0 auto;color:var(--muted);font-size:16.5px;line-height:1.85}

/* 痛点：为什么需要本地代验 */
.agent-why{margin:0 0 54px}
.agent-subhead{font-size:19px;color:var(--brand);margin-bottom:20px;text-align:center}
.agent-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.agent-why-item{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--brand2);
  border-radius:var(--radius);padding:20px}
.agent-why-item h5{font-size:14.5px;color:var(--ink);margin-bottom:7px}
.agent-why-item p{font-size:13px;color:var(--muted);line-height:1.7}

/* 六项能力：三列大卡 */
.agent-items{margin-bottom:54px}
.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.agent-card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brand2);
  border-radius:var(--radius);padding:24px 24px 26px;box-shadow:var(--shadow)}
.agent-card h4{color:var(--brand);margin-bottom:9px;font-size:16.5px;line-height:1.45}
.agent-card p{font-size:13.5px;color:var(--muted);line-height:1.8}

/* 委托流程：四步 */
.agent-steps{margin-bottom:54px}
.agent-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.agent-step{position:relative;padding:22px 20px;background:var(--card);
  border:1px solid var(--line);border-radius:var(--radius)}
.agent-step .n{font-size:26px;font-weight:700;color:var(--brand2);line-height:1;margin-bottom:10px;display:block}
.agent-step h5{font-size:14.5px;color:var(--ink);margin-bottom:6px}
.agent-step p{font-size:13px;color:var(--muted);line-height:1.7}

/* 覆盖品类 + CTA */
.agent-scope{text-align:center;padding:26px 24px;background:var(--card);
  border:1px solid var(--line);border-radius:var(--radius);margin-bottom:34px}
.agent-scope .lbl{font-size:13px;letter-spacing:1px;color:var(--muted);margin-bottom:8px}
.agent-scope .val{font-size:15px;color:var(--ink);font-weight:600;line-height:1.9}
.agent-cta{text-align:center}
.agent-cta .btn{font-size:16px;padding:15px 40px}

/* ============================================================
   公司概况（硬事实格） + B2B 合作流程
   ============================================================ */
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.profile-grid[data-profile="4"]{grid-template-columns:repeat(4,1fr)}
.profile-item{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--brand);
  border-radius:var(--radius);padding:20px 22px}
.pf-k{font-size:12px;letter-spacing:1.2px;color:var(--muted);margin-bottom:6px}
.pf-v{font-size:17px;font-weight:700;color:var(--brand);line-height:1.4;margin-bottom:8px}
.pf-p{font-size:13px;color:var(--muted);line-height:1.75}

.b2b-band{position:relative}
.b2b-head{text-align:center;margin-bottom:44px}
.b2b-kicker{display:inline-block;font-size:12.5px;letter-spacing:2.5px;font-weight:700;
  color:var(--brand);border:1px solid var(--brand);padding:5px 16px;border-radius:20px;margin-bottom:16px}
.b2b-head h2{font-size:34px;color:var(--brand);margin-bottom:14px;line-height:1.3}
.b2b-head p{max-width:760px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.85}
.b2b-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}
.b2b-step{position:relative;padding:22px 20px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius)}
.b2b-step .n{display:block;font-size:24px;font-weight:700;color:var(--brand2);line-height:1;margin-bottom:10px}
.b2b-step h4{font-size:15px;color:var(--ink);margin-bottom:7px;line-height:1.4}
.b2b-step p{font-size:13px;color:var(--muted);line-height:1.72}
.b2b-notes{margin-bottom:34px}
.b2b-notes h3{font-size:17px;color:var(--brand);margin-bottom:14px;text-align:center}
.b2b-note{display:flex;gap:14px;padding:14px 18px;background:var(--card);border:1px solid var(--line);
  border-radius:12px;margin-bottom:10px;align-items:baseline}
.b2b-note .k{flex:0 0 120px;font-size:13px;font-weight:700;color:var(--brand)}
.b2b-note .v{font-size:13.5px;color:var(--muted);line-height:1.7}
.b2b-agent{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;
  padding:24px 26px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brand2);
  border-radius:var(--radius);margin-bottom:34px}
.b2b-agent p{flex:1 1 420px;font-size:13.5px;color:var(--muted);line-height:1.8;margin:0}

/* ============================================================
   云南风物（可代客户选品的品类）
   ============================================================ */
.yn-band{background:var(--bg2)}
.yn-kicker{display:inline-block;font-size:12.5px;letter-spacing:2.5px;font-weight:700;
  color:var(--brand);border:1px solid var(--brand);padding:4px 14px;border-radius:20px;margin-bottom:12px}
.yn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.yn-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.yn-card h4{font-size:14.8px;color:var(--brand);line-height:1.5;margin-bottom:3px;text-wrap:balance}
.yn-card .alt{font-size:11.8px;color:var(--muted);letter-spacing:.3px;margin-bottom:10px;line-height:1.5;text-wrap:balance}
.yn-card .forms{font-size:11.5px;color:var(--brand);border:1px solid var(--line);border-radius:12px;
  padding:3px 10px;align-self:flex-start;margin-bottom:10px;line-height:1.6}
.yn-card p{font-size:12.8px;color:var(--muted);line-height:1.72}
.yn-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin-top:34px}
.yn-foot p{flex:1 1 420px;font-size:13.5px;color:var(--muted);line-height:1.8;margin:0}

/* Products */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.prod{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);transition:.2s;display:flex;flex-direction:column}
.prod:hover{transform:translateY(-4px)}
.prod img{height:200px;object-fit:cover;width:100%}
.prod .body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.prod .tag{display:inline-block;align-self:flex-start;background:var(--bg2);color:var(--brand);
  font-size:12px;padding:3px 10px;border-radius:12px;margin-bottom:8px}
.prod h3{font-size:19px;margin-bottom:8px}
.prod p{font-size:14px;color:var(--muted);flex:1}
.prod .more{margin-top:14px;font-weight:600;color:var(--brand)}

/* 规格标注条（海外买家最看重的「尺寸可视化」） */
.spec-bar{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-top:10px;background:var(--bg2)}
.spec-bar span{flex:1;min-width:88px;padding:8px 10px;font-size:11.5px;color:var(--muted);
  text-align:center;border-right:1px solid var(--line);line-height:1.35}
.spec-bar span:last-child{border-right:none}
/* 包装一栏文字最长，给更多宽度，避免在日语/英语下被挤成多行 */
.spec-bar span:first-child{flex:1.7}
.spec-bar b{display:block;color:var(--ink);font-size:12.5px;font-weight:700;letter-spacing:.2px}
.img-cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.72));
  color:var(--on-img);font-size:11px;padding:18px 10px 7px;letter-spacing:.2px}

/* Contact */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.field{margin-bottom:16px}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--line);
  border-radius:10px;font-size:14px;font-family:inherit;background:var(--card)}
.field textarea{resize:vertical;min-height:110px}
.note{font-size:13px;color:var(--muted);margin-top:12px}
.info-box{background:var(--bg2);border-radius:var(--radius);padding:28px}
.info-box h3{color:var(--brand);margin-bottom:16px}
.info-box p{margin-bottom:10px;font-size:15px}
.info-box b{color:var(--ink)}
.success{display:none;background:var(--bg2);border:1px solid var(--accent);color:var(--accent);
  padding:14px 16px;border-radius:10px;margin-bottom:16px;font-size:14px}

/* Footer */
footer{background:var(--footer-bg);color:var(--footer-ink);padding:34px 0;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
/* 备案号行：按《非经营性互联网信息服务备案管理办法》第十三条，
   必须在主页底部的中央位置标明，并在编号下方链接 beian.miit.gov.cn */
footer .beian{flex:1 0 100%;text-align:center;font-size:12.5px;opacity:.8;
  margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
footer .beian a{color:inherit;text-decoration:none}
footer .beian a:hover{text-decoration:underline}
footer .beian .ph{color:var(--brand);font-weight:600}

/* Category filter */
.cat-filter{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}
.catbtn{background:var(--card);border:1.5px solid var(--line);color:var(--muted);
  padding:8px 18px;border-radius:24px;cursor:pointer;font-size:14px;font-family:inherit;transition:.2s}
.catbtn:hover{border-color:var(--brand);color:var(--brand)}
.catbtn.active{background:var(--brand);border-color:var(--brand);color:var(--btn-ink);font-weight:600}
.prod-count{text-align:center;color:var(--muted);font-size:13px;margin-bottom:20px}
.empty{text-align:center;color:var(--muted);padding:40px 0}

/* Product card v1.0 */
.prod-img{position:relative}
.prod-img img{height:200px;object-fit:cover;width:100%}
.status{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:12px;color:var(--on-img);letter-spacing:.3px}
.st-exported{background:var(--st-exported)}
.st-quotable{background:var(--st-quotable)}
.st-sourcing{background:var(--st-sourcing)}
.prod .sku-no{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--muted);margin-bottom:4px}
.prod .spec{margin:14px 0 0;font-size:12.5px;border-top:1px dashed var(--line);padding-top:12px}
.prod .spec>div{display:flex;gap:8px;padding:3px 0}
.prod .spec dt{color:var(--muted);min-width:84px;flex-shrink:0}
.prod .spec dd{color:var(--ink);margin:0}
.prod .docs{margin-top:12px}
.docs-label{font-size:11.5px;color:var(--muted);display:block;margin-bottom:6px}
.doc-chips{display:flex;flex-wrap:wrap;gap:5px}
.chip{font-size:11px;background:var(--bg2);color:var(--brand);padding:2px 8px;border-radius:10px;
  border:1px solid var(--line);cursor:help}

/* Compliance page */
.compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}
.market-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.market-card h3{color:var(--brand);font-size:19px;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.market-card .flag{font-size:24px}
.market-card p{font-size:14px;color:var(--muted);line-height:1.75}
.doc-head{color:var(--brand);font-size:22px;margin:10px 0 18px}
.doc-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px}
.doc-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.doc-item .doc-name{display:block;font-weight:600;color:var(--ink);font-size:14.5px;margin-bottom:4px}
.doc-item .doc-desc{display:block;font-size:12.5px;color:var(--muted);line-height:1.6}
.request-box{background:var(--dl-grad);border-radius:var(--radius);padding:32px 30px;text-align:center;margin-top:20px}
.request-box h3{color:var(--brand);font-size:22px;margin-bottom:10px}
.request-box p{color:var(--muted);max-width:640px;margin:0 auto;line-height:1.75}

/* Contact info v1.0 */
.entity{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.entity .role{font-size:11.5px;color:var(--muted);letter-spacing:.5px;margin-bottom:3px}
.entity .nm{font-weight:700;color:var(--ink);font-size:14.5px}
.entity .ad{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.6}

/* Footer v1.0 */
footer .wrap{flex-direction:column;align-items:center;text-align:center;gap:8px}
footer .foot-co{font-size:13px;opacity:.85;line-height:1.7}
footer .foot-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:6px;font-size:13px}
footer .foot-links a{color:var(--footer-link);text-decoration:none}
footer .foot-links a:hover{color:var(--btn-ink);text-decoration:underline}

/* Responsive */
@media(max-width:860px){
  .hero .wrap{grid-template-columns:1fr;padding:48px 20px}
  .hero h1{font-size:30px}
  .about-grid{grid-template-columns:1fr}
  .adv-grid{grid-template-columns:repeat(2,1fr)}
  .prod-grid{grid-template-columns:1fr 1fr}
  .contact-wrap{grid-template-columns:1fr}
  .navlinks{position:fixed;inset:64px 0 auto 0;background:var(--bg);flex-direction:column;
    padding:20px;gap:14px;border-bottom:1px solid var(--line);display:none}
  .navlinks.open{display:flex}
  .menuBtn{display:block}
}
@media(max-width:980px){
  .agent-why-grid{grid-template-columns:repeat(2,1fr)}
  .agent-grid{grid-template-columns:repeat(2,1fr)}
  .agent-step-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .compliance-grid{grid-template-columns:1fr}
  .doc-list{grid-template-columns:1fr}
}
@media(max-width:620px){
  .agent-title{font-size:30px}
  .agent-lead{font-size:15px}
  .agent-why-grid{grid-template-columns:1fr}
  .agent-grid{grid-template-columns:1fr}
  .agent-step-grid{grid-template-columns:1fr}
  .agent-head{margin-bottom:38px}
  .agent-why,.agent-items,.agent-steps{margin-bottom:38px}
}
@media(max-width:520px){.prod-grid{grid-template-columns:1fr}.adv-grid{grid-template-columns:1fr}}
@media(max-width:980px){
  .profile-grid{grid-template-columns:repeat(2,1fr)}
  .profile-grid[data-profile="4"]{grid-template-columns:repeat(2,1fr)}
  .b2b-steps{grid-template-columns:repeat(2,1fr)}
  .yn-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .profile-grid{grid-template-columns:1fr}
  .profile-grid[data-profile="4"]{grid-template-columns:1fr}
  .b2b-steps{grid-template-columns:1fr}
  .yn-grid{grid-template-columns:1fr}
  .b2b-head h2{font-size:26px}
  .b2b-note{flex-direction:column;gap:4px}
  .b2b-note .k{flex:none}
}

/* ============================================================
   主题重构 v2.0（2026-10-18）
   同一套 DOM，两套「色彩 + 版式」
   - ja : 和風モダン  生成り白 / 藍 / 柿渋，細字・大留白・罫線・直角
   - en : 欧米エディトリアル  近黑 / 琥珀，大見出し・左揃え・細い罫線
   中文（warm）保持不变
   ============================================================ */

/* ============================================================
   一、和風（日语）
   ============================================================ */
html[data-theme="wa"]{
  --bg:#f8f6f1; --bg2:#efebe3; --ink:#1b1b1a; --muted:#6d685f;
  --brand:#22384a; --brand2:#9a6a3c; --accent:#7d2b25; --line:#ded7c9;
  --card:#fffdf9; --shadow:none;
  --header-bg:rgba(248,246,241,.94);
  --hero-grad:linear-gradient(180deg,#f8f6f1 0%,#f3efe7 100%);
  --dl-grad:linear-gradient(180deg,#f8f6f1,#f1ece4);
  --agent-grad:linear-gradient(180deg,#e9e3d6,#ddd4c2);
  --footer-bg:#1b1b1a; --footer-ink:#d9d3c8; --footer-link:#cbb392;
  --btn-ink:#f8f6f1;
  --font-head:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP","Songti SC",serif;
  --radius:0px;
  --on-img:#1b1b1a;
  --st-exported:#4f6b52; --st-quotable:#3d5a72; --st-sourcing:#9a6a3c;
}

/* 版心与节奏：更窄的栏、更大的段间距 */
html[data-theme="wa"] body{font-size:15px;line-height:1.95;letter-spacing:.03em}
html[data-theme="wa"] .wrap{max-width:1080px}
html[data-theme="wa"] section{padding:80px 0}

/* 区块标题：左对齐 + 细横线（日式编辑排版） */
html[data-theme="wa"] .section-head{text-align:left;margin-bottom:48px;padding-bottom:20px;
  border-bottom:1px solid var(--line)}
html[data-theme="wa"] .section-head h2{font-size:26px;font-weight:400;letter-spacing:.14em;
  margin-bottom:12px;text-wrap:balance}
html[data-theme="wa"] .section-head p{max-width:42em;font-size:13.5px;line-height:2.05;color:var(--muted)}

/* 首屏：左文右图，留白加大，图片直角 */
html[data-theme="wa"] .hero .wrap{grid-template-columns:.92fr 1.08fr;gap:72px;padding:104px 20px 96px}
html[data-theme="wa"] .hero h1{font-size:36px;font-weight:400;letter-spacing:.1em;line-height:1.6;margin-bottom:22px;text-wrap:balance;white-space:pre-line}
html[data-theme="wa"] .hero p.lead{font-size:14.5px;line-height:2.15;max-width:33em;margin-bottom:32px}
html[data-theme="wa"] .hero-img{height:460px;max-height:none;border-radius:0;box-shadow:none;
  object-fit:cover;filter:saturate(.94)}

/* 统计：两列两行（首屏文字栏较窄，四列会挤断词） */
html[data-theme="wa"] .stats{display:grid;grid-template-columns:1fr 1fr;gap:22px 0;margin-top:44px;
  padding-top:22px;border-top:1px solid var(--line)}
html[data-theme="wa"] .stat{padding:0 18px;border-left:1px solid var(--line);
  font-size:11px;letter-spacing:.1em;line-height:1.75}
html[data-theme="wa"] .stat:nth-child(odd){border-left:none;padding-left:0}
html[data-theme="wa"] .stat b{font-size:23px;font-weight:400;letter-spacing:.02em;margin-bottom:2px}

/* 公司概况：两列，块更大更从容 */
html[data-theme="wa"] .profile-grid[data-profile="4"]{grid-template-columns:repeat(2,1fr)}

/* 按钮：直角、细字距 */
html[data-theme="wa"] .btn{border-radius:0;box-shadow:none;padding:14px 34px;font-size:14px;
  font-weight:500;letter-spacing:.12em}
html[data-theme="wa"] .btn:hover{transform:none;background:var(--brand2)}
html[data-theme="wa"] .btn.ghost{border:1px solid var(--brand)}

/* 页头 */
html[data-theme="wa"] header{backdrop-filter:none}
html[data-theme="wa"] .logo{font-weight:500;letter-spacing:.16em;font-size:18px}
html[data-theme="wa"] .logo small{letter-spacing:.24em;font-size:10px}
html[data-theme="wa"] .navlinks{gap:22px}
html[data-theme="wa"] .navlinks a{font-weight:400;font-size:13.5px;letter-spacing:.06em}
html[data-theme="wa"] .lang{border-radius:0;gap:0;padding:0}
html[data-theme="wa"] .lang button{border-radius:0;padding:5px 11px;font-size:12px}
html[data-theme="wa"] .lang button.active{background:var(--brand);color:#fff}

/* 卡片：直角、单线框、无投影 */
html[data-theme="wa"] .prod,
html[data-theme="wa"] .adv,
html[data-theme="wa"] .agent-card,
html[data-theme="wa"] .agent-why-item,
html[data-theme="wa"] .agent-step,
html[data-theme="wa"] .profile-item,
html[data-theme="wa"] .yn-card,
html[data-theme="wa"] .b2b-step,
html[data-theme="wa"] .b2b-note,
html[data-theme="wa"] .b2b-agent,
html[data-theme="wa"] .agent-scope,
html[data-theme="wa"] .market-card{background:var(--card);border:1px solid var(--line);
  border-radius:0;box-shadow:none}

html[data-theme="wa"] .prod:hover{transform:none;border-color:var(--brand2)}
html[data-theme="wa"] .prod img{height:232px;filter:saturate(.95) contrast(1.02)}
html[data-theme="wa"] .prod h3{font-size:17px;font-weight:500;letter-spacing:.05em;line-height:1.6}
html[data-theme="wa"] .prod .tag{background:transparent;border:1px solid var(--line);border-radius:0;
  font-size:10.5px;letter-spacing:.12em;padding:2px 8px}
html[data-theme="wa"] .spec-bar{background:transparent}
html[data-theme="wa"] .spec-bar span{font-size:10.5px;letter-spacing:.04em}
html[data-theme="wa"] .chip{border-radius:0;background:transparent}
html[data-theme="wa"] .status{border-radius:0}

/* 第二职能区块：标题左对齐 + 细线，卡片加一道茶色顶线 */
html[data-theme="wa"] .agent-head{text-align:left;margin-bottom:56px;padding-bottom:26px;
  border-bottom:1px solid rgba(27,27,26,.18)}
html[data-theme="wa"] .agent-title{font-size:31px;font-weight:400;letter-spacing:.12em;
  line-height:1.55;margin-bottom:18px}
html[data-theme="wa"] .agent-lead{margin:0;max-width:42em;font-size:14px;line-height:2.1}
html[data-theme="wa"] .agent-kicker{background:transparent;border:1px solid var(--brand);
  color:var(--brand);border-radius:0;font-size:11px;letter-spacing:.24em;padding:4px 12px}
html[data-theme="wa"] .agent-subhead{text-align:left;font-size:13.5px;font-weight:500;
  letter-spacing:.18em;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:22px}
html[data-theme="wa"] .agent-card{border-left:1px solid var(--line);border-top:2px solid var(--brand2)}
html[data-theme="wa"] .agent-card h4{font-weight:500;letter-spacing:.06em}

/* B2B 流程 */
html[data-theme="wa"] .b2b-head{text-align:left;margin-bottom:48px;padding-bottom:22px;
  border-bottom:1px solid var(--line)}
html[data-theme="wa"] .b2b-head h2{font-size:27px;font-weight:400;letter-spacing:.12em;line-height:1.55}
html[data-theme="wa"] .b2b-head p{margin:0;max-width:42em;font-size:13.5px;line-height:2.05}
html[data-theme="wa"] .b2b-kicker{background:transparent;border-radius:0;font-size:11px;letter-spacing:.22em}
html[data-theme="wa"] .b2b-notes h3{text-align:left;font-size:13.5px;letter-spacing:.18em;
  font-weight:500;padding-bottom:10px;border-bottom:1px solid var(--line)}
html[data-theme="wa"] .b2b-step .n{font-weight:400;letter-spacing:.06em}
html[data-theme="wa"] .b2b-agent{border-left:1px solid var(--line);border-top:2px solid var(--brand2)}
html[data-theme="wa"] .b2b-note .k{font-weight:500;letter-spacing:.08em}

/* 云南风物 */
html[data-theme="wa"] .yn-kicker{background:transparent;border-radius:0;font-size:11px;letter-spacing:.22em}
html[data-theme="wa"] .yn-card h4{font-weight:500;letter-spacing:.05em}
html[data-theme="wa"] .yn-card .forms{border-radius:0}
html[data-theme="wa"] .yn-foot p{font-size:13px;line-height:2}

/* 公司概况 */
html[data-theme="wa"] .profile-item{border-top:2px solid var(--brand)}
html[data-theme="wa"] .pf-k{font-size:11px;letter-spacing:.14em}
html[data-theme="wa"] .pf-v{font-size:16px;font-weight:500;letter-spacing:.06em}

/* 关于页图文 */
html[data-theme="wa"] .about-grid{grid-template-columns:.95fr 1.05fr;gap:56px}
html[data-theme="wa"] .about-grid img{border-radius:0;box-shadow:none;filter:saturate(.94)}

/* ============================================================
   二、欧米编辑风（英语）
   ============================================================ */
html[data-theme="dark"]{
  --bg:#0f0d0b; --bg2:#171412; --ink:#f7f2ea; --muted:#a1937f;
  --brand:#e9a552; --brand2:#f7c987; --accent:#8bb173; --line:#332b24;
  --card:#151210; --shadow:none;
  --header-bg:rgba(15,13,11,.86);
  --hero-grad:linear-gradient(160deg,#1b1613 0%,#0f0d0b 62%,#171310 100%);
  --dl-grad:linear-gradient(160deg,#1b1613,#0f0d0b);
  --agent-grad:linear-gradient(180deg,#171412,#120f0d);
  --footer-bg:#0b0908; --footer-ink:#c9bcab; --footer-link:#e9a552;
  --btn-ink:#100e0c;
  --radius:2px;
  --font-head:inherit;
  --on-img:#100e0c;
  --st-exported:#8bb173; --st-quotable:#7fa3e0; --st-sourcing:#e9a552;
}

html[data-theme="dark"] body{letter-spacing:-.005em}
html[data-theme="dark"] .wrap{max-width:1200px}
html[data-theme="dark"] section{padding:84px 0}

/* 区块标题：大字号、紧字距、左对齐、上细线 */
html[data-theme="dark"] .section-head{text-align:left;margin-bottom:54px;padding-top:28px;
  border-top:1px solid var(--line)}
html[data-theme="dark"] .section-head h2{font-size:40px;font-weight:700;letter-spacing:-.03em;
  line-height:1.08;margin-bottom:16px;text-wrap:balance}
html[data-theme="dark"] .section-head p{max-width:52ch;font-size:15.5px;line-height:1.75}

/* 首屏 */
html[data-theme="dark"] .hero .wrap{grid-template-columns:1.02fr .98fr;gap:64px;padding:112px 20px 104px}
html[data-theme="dark"] .hero h1{font-size:52px;font-weight:800;line-height:1.04;
  letter-spacing:-.035em;margin-bottom:20px;text-wrap:balance}
html[data-theme="dark"] .hero p.lead{font-size:16.5px;line-height:1.7;max-width:46ch;margin-bottom:30px}
html[data-theme="dark"] .hero-img{height:520px;max-height:none;border-radius:0;object-fit:cover;
  box-shadow:0 50px 90px rgba(0,0,0,.55)}

/* 统计：小字大写标签 + 大数字（两列两行，避免长标签被挤断） */
html[data-theme="dark"] .stats{display:grid;grid-template-columns:1fr 1fr;gap:24px 0;margin-top:46px;
  padding-top:24px;border-top:1px solid var(--line)}
html[data-theme="dark"] .stat{padding:0 22px;border-left:1px solid var(--line);
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;line-height:1.7}
html[data-theme="dark"] .stat:nth-child(odd){border-left:none;padding-left:0}
html[data-theme="dark"] .stat b{font-size:22px;font-weight:700;letter-spacing:0;
  color:var(--ink);margin-bottom:4px}

/* 按钮：近直角 */
html[data-theme="dark"] .btn{border-radius:2px;box-shadow:none;padding:15px 32px;
  font-weight:600;letter-spacing:.01em}
html[data-theme="dark"] .btn:hover{transform:none;background:var(--brand2)}
html[data-theme="dark"] .btn.ghost{border:1px solid var(--line);color:var(--ink)}
html[data-theme="dark"] .btn.ghost:hover{border-color:var(--brand);color:var(--brand)}

/* 页头 */
html[data-theme="dark"] header{backdrop-filter:blur(14px)}
html[data-theme="dark"] .logo{font-weight:700;letter-spacing:-.01em}
html[data-theme="dark"] .navlinks a{font-weight:500;font-size:14px}
html[data-theme="dark"] .lang{border-radius:2px;padding:2px;gap:2px}
html[data-theme="dark"] .lang button{border-radius:2px}

/* 卡片：透明底 + 细线框，悬停只换边框色 */
html[data-theme="dark"] .prod,
html[data-theme="dark"] .adv,
html[data-theme="dark"] .agent-card,
html[data-theme="dark"] .agent-why-item,
html[data-theme="dark"] .agent-step,
html[data-theme="dark"] .profile-item,
html[data-theme="dark"] .yn-card,
html[data-theme="dark"] .b2b-step,
html[data-theme="dark"] .b2b-note,
html[data-theme="dark"] .b2b-agent,
html[data-theme="dark"] .agent-scope,
html[data-theme="dark"] .market-card{background:transparent;border:1px solid var(--line);
  border-radius:0;box-shadow:none}

html[data-theme="dark"] .prod:hover{transform:none;border-color:var(--brand);
  background:rgba(233,165,82,.05)}
html[data-theme="dark"] .prod img{height:236px}
html[data-theme="dark"] .prod h3{font-size:20px;letter-spacing:-.015em}
html[data-theme="dark"] .spec-bar{background:transparent}

/* 第二职能 */
html[data-theme="dark"] .agent-head{text-align:left;margin-bottom:58px;padding-bottom:30px;
  border-bottom:1px solid rgba(247,242,234,.16)}
html[data-theme="dark"] .agent-title{font-size:46px;font-weight:700;letter-spacing:-.035em;
  line-height:1.06;margin-bottom:18px;text-wrap:balance}
html[data-theme="dark"] .agent-lead{margin:0;max-width:50ch;font-size:16px;line-height:1.75}
html[data-theme="dark"] .agent-kicker{background:transparent;border:1px solid var(--brand);
  color:var(--brand);border-radius:2px;font-size:10.5px;letter-spacing:.2em}
html[data-theme="dark"] .agent-subhead{text-align:left;font-size:11.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--brand);padding-bottom:12px;
  border-bottom:1px solid var(--line);margin-bottom:24px}

/* B2B */
html[data-theme="dark"] .b2b-head{text-align:left;margin-bottom:54px;padding-top:28px;
  border-top:1px solid var(--line)}
html[data-theme="dark"] .b2b-head h2{font-size:40px;font-weight:700;letter-spacing:-.03em;
  line-height:1.08;text-wrap:balance}
html[data-theme="dark"] .b2b-head p{margin:0;max-width:52ch;font-size:15.5px;line-height:1.75}
html[data-theme="dark"] .b2b-kicker{border-radius:2px;font-size:10.5px;letter-spacing:.2em}
html[data-theme="dark"] .b2b-notes h3{text-align:left;font-size:11.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--brand);padding-bottom:12px;
  border-bottom:1px solid var(--line)}

/* 云南风物 */
html[data-theme="dark"] .yn-kicker{border-radius:2px;font-size:10.5px;letter-spacing:.2em}
html[data-theme="dark"] .yn-card .forms{border-radius:2px}

/* 联系页：输入框直角、信息栏不拉高 */
html[data-theme="wa"] .field input,
html[data-theme="wa"] .field select,
html[data-theme="wa"] .field textarea{border-radius:0}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea{border-radius:2px;background:transparent}
html[data-theme="wa"] .info-box,
html[data-theme="dark"] .info-box{border:1px solid var(--line)}
html[data-theme="wa"] .contact-wrap,
html[data-theme="dark"] .contact-wrap{align-items:start}

/* 关于页的小标题（公司概况 / 为什么选择） */
.sub-head{color:var(--brand);margin:56px 0 0;text-align:center;font-size:26px}
html[data-theme="wa"] .sub-head{text-align:left;font-size:22px;font-weight:400;letter-spacing:.14em;
  margin:64px 0 0;padding-bottom:16px;border-bottom:1px solid var(--line)}
html[data-theme="dark"] .sub-head{text-align:left;font-size:30px;font-weight:700;letter-spacing:-.03em;
  margin:76px 0 0;padding-top:26px;border-top:1px solid var(--line)}
html[data-theme="wa"] .entity{border-radius:0}
html[data-theme="dark"] .entity{border-radius:2px}

/* 分类筛选：随标题左对齐，直角 */
html[data-theme="wa"] .cat-filter{justify-content:flex-start;gap:8px}
html[data-theme="wa"] .catbtn{border-radius:0;border-width:1px;padding:7px 16px;
  font-size:13px;letter-spacing:.06em}
html[data-theme="wa"] .prod-count{text-align:left}
html[data-theme="dark"] .cat-filter{justify-content:flex-start;gap:8px}
html[data-theme="dark"] .catbtn{border-radius:2px;border-width:1px;padding:7px 16px;
  font-size:13px;background:transparent}
html[data-theme="dark"] .prod-count{text-align:left}

/* 云南风物的收尾条：用细线收住，避免一大片空白 */
html[data-theme="wa"] .yn-foot{border-top:1px solid var(--line);padding-top:22px;margin-top:36px}
html[data-theme="dark"] .yn-foot{border-top:1px solid var(--line);padding-top:26px;margin-top:40px}
html[data-theme="wa"] .agent-band{padding-top:64px}
html[data-theme="dark"] .agent-band{padding-top:68px}

/* ============================================================
   三、两套主题的响应式（必须与上面同特异性，否则会被覆盖）
   ============================================================ */
@media(max-width:1100px){
  html[data-theme="dark"] .hero h1{font-size:42px}
  html[data-theme="dark"] .section-head h2{font-size:34px}
  html[data-theme="dark"] .agent-title{font-size:38px}
  html[data-theme="dark"] .b2b-head h2{font-size:34px}
  html[data-theme="wa"] .hero h1{font-size:31px}
  html[data-theme="wa"] .agent-title{font-size:27px}
}
@media(max-width:860px){
  html[data-theme="dark"] .hero .wrap,
  html[data-theme="wa"] .hero .wrap{grid-template-columns:1fr;gap:36px;padding:64px 20px 56px}
  html[data-theme="dark"] .hero-img,
  html[data-theme="wa"] .hero-img{height:340px}
  html[data-theme="dark"] .hero h1{font-size:34px}
  html[data-theme="wa"] .hero h1{font-size:26px;line-height:1.6}
  html[data-theme="dark"] section,
  html[data-theme="wa"] section{padding:64px 0}
  html[data-theme="dark"] .about-grid,
  html[data-theme="wa"] .about-grid{grid-template-columns:1fr}
  html[data-theme="dark"] .section-head h2{font-size:29px}
  html[data-theme="wa"] .section-head h2{font-size:22px}
  html[data-theme="dark"] .agent-title{font-size:31px}
  html[data-theme="dark"] .b2b-head h2{font-size:29px}
  html[data-theme="wa"] .b2b-head h2{font-size:23px}
}
@media(max-width:620px){
  html[data-theme="dark"] .stats,
  html[data-theme="wa"] .stats{flex-wrap:wrap;gap:20px 0}
  html[data-theme="dark"] .stat,
  html[data-theme="wa"] .stat{flex:1 1 46%;padding-left:0;border-left:none}
  html[data-theme="wa"] .profile-grid[data-profile="4"]{grid-template-columns:1fr}
  html[data-theme="dark"] .hero-img,
  html[data-theme="wa"] .hero-img{height:260px}
}

/* 尊重系统「减少动态效果」设置（同时让无头截图颜色稳定） */
@media (prefers-reduced-motion: reduce){
  *{transition:none !important;animation:none !important}
  html{scroll-behavior:auto}
}