/* dmw-agent-theme-20261022b.css — digitalagent.world v2
   1) 卡片不再挤在一起：网格间距 8px -> 16px，卡片内边距加大，板块左右留白
   2) 卡片改为浅色纸面 + 深色墨字，彩色只做顶部 accent 条和算力数字，对比度达标 */
:root{
  --paper:#f6f7f4; --bg:#eef2ee; --card:#fbfdf9;
  --ink:#16221b; --ink2:#48574d; --ink3:#79887d;
  --rule:#c8d6cb; --rule2:#a7bba9;
  --gold:#cfe6d5; --gold2:#8fc9ab; --gold3:#1f7a55; --gold4:#145739;
}
body{background:var(--bg);color:var(--ink)}
body::before{opacity:.16}

/* ---- left rail: its own dark panel ---- */
.rail{background:#1d2b26;color:#e7f0ea;border-right:1px solid rgba(255,255,255,.10)}
.rail-brand{color:#fff}
.rail-brand i{background:#7fbfa8}
.rail-brand i:after{background:#1d2b26}
.rail-new{background:#2f6b4f}
.rail-new:hover{background:#35785a}
.rail a.ri,.rail button.ri{color:#a9c1b6}
.rail a.ri:hover,.rail button.ri:hover{background:rgba(255,255,255,.07)}
.rail a.ri.on,.rail button.ri.on{background:rgba(255,255,255,.13);color:#fff;box-shadow:none}
.rail a.ri i,.rail button.ri i{color:#7fbfa8}
.rail-promo{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.rail-promo b{color:#fff}
.rail-promo span{color:#8fa69b}
.rail-foot .lang{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#dfe7f0}
.rail-login{background:#2f6b4f;color:#fff!important}

/* ---- content surface + breathing room ---- */
.content{background:#f6f7f4;padding-left:26px;padding-right:26px}
.hero-zone{padding:60px 30px 0}
.agsec{padding:30px 30px 10px;border-top:1px solid rgba(16,15,9,.07)}
.agsec:first-of-type{border-top:0}

/* ---- grid: less dense ---- */
.tiles{gap:16px;margin-top:22px}
.tiles.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tile{border-radius:12px;padding:18px 17px 15px;min-height:132px}
.tile.lg{min-height:158px;padding:20px 18px 16px}
.tile:hover{box-shadow:0 14px 28px rgba(16,15,9,.14);transform:translateY(-2px)}

/* ---- card body: light paper, dark ink (readability) ---- */
.tile{background:#fbfdf9!important;color:#16221b;border:1px solid var(--rule);box-shadow:0 1px 3px rgba(16,15,9,.06)}
.tile::before{content:"";display:block;height:5px;border-radius:4px;margin-bottom:12px;background:#2f6b4f}
.tile:nth-child(6n+2)::before{background:#1f7a80}
.tile:nth-child(6n+3)::before{background:#4f9c78}
.tile:nth-child(6n+4)::before{background:#2b5f4a}
.tile:nth-child(6n+5)::before{background:#3d6fa5}
.tile:nth-child(6n+6)::before{background:#b2543f}

/* ---- typography: titles 16px ink, body 13px, footer 12px ---- */
.tile b,.tile b span{font-size:16px;font-weight:700;color:#101a14;line-height:1.3;letter-spacing:.2px}
.tile > span:not(.ft),.tile > span:not(.ft) span{font-size:13px;line-height:1.5;color:#48574d;opacity:1;margin-top:8px}
.tile i,.tile i span{font-size:12px;color:#79887d;opacity:1;display:block;margin-bottom:7px}
.tile ul,.tile ul span{font-size:12.5px;line-height:1.6;color:#48574d;opacity:1}
.tile .ft,.tile .ft span{font-size:12px;color:#5f6f65;border-top:1px solid var(--rule);padding-top:10px;margin-top:12px}
.tile .ft em{font-style:normal;font-weight:700;color:#1f7a55;font-size:13px}
.tile a.cta{border:1px solid var(--rule2);border-radius:8px;color:#145739;font-size:12.5px;padding:8px 13px}
.tile a.cta:hover{background:#eef6f0}

/* ---- the 12-industry strip: keep it lighter than the 20-agent grid ---- */
.tiles:not(.c4):not(.c3) .tile{background:#f4f7f4!important;border-color:#d3ddD3}
.tiles:not(.c4):not(.c3) .tile::before{background:#1f7a80}

/* ---- mobile ---- */
@media (max-width:860px){
  .app-shell{padding-bottom:74px}
  .rail{background:#1d2b26;color:#e7f0ea;border-top:1px solid rgba(255,255,255,.12);backdrop-filter:none}
  .rail a.ri,.rail button.ri{color:#a9c1b6}
  .rail a.ri.on,.rail button.ri.on{background:rgba(255,255,255,.14);color:#fff}
  .content{padding-left:14px;padding-right:14px}
  .hero-zone{padding:20px 12px 0}
  .agsec{padding:22px 12px 8px}
  .tiles{gap:12px;margin-top:16px}
  .tiles.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile{min-height:120px}
}