/*
Theme Name: AIDD Atlas
Theme URI: https://aidd-atlas.example
Author: AIDD Atlas
Author URI: https://aidd-atlas.example
Description: AI 辅助药物设计学习站主题。五页结构（首页 / AI 工具导航 / 知识库 / 服务与定价 / 联系我们），纸感网格背景、衬线大标题、工具轴 / 知识轴双色体系。经典 PHP 主题，激活后自动创建所需页面。
Version: 1.1.1
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aidd-atlas
*/

:root{
  --paper:#efe9dd;
  --paper-2:#f6f1e7;
  --card:#fbf8f1;
  --ink:#23201b;
  --muted:#7a7264;
  --meta:#9a8f79;
  --line:#cfc6b5;
  --line-2:#e2dac9;
  --tools:#1c6b73;
  --tools-soft:#1c6b731a;
  --know:#b05730;
  --know-soft:#b057301a;
  --neutral:#6a6356;
  --display:"Songti SC","STSong","Times New Roman",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;}
body{
  font-family:var(--sans);color:var(--ink);
  background-color:var(--paper);
  background-image:
    linear-gradient(rgba(35,32,27,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,32,27,.03) 1px,transparent 1px);
  background-size:28px 28px;
  line-height:1.55;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}

/* WordPress 无障碍辅助 */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;word-wrap:normal!important;
}

/* ---------- header ---------- */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(239,233,221,.86);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1.5px solid var(--line);
}
/* 适配 WordPress 后台管理条 */
.admin-bar header{top:32px;}
@media(max-width:782px){.admin-bar header{top:46px;}}
@media(max-width:600px){.admin-bar header{top:0;}}

.bar{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:13px 26px;}
.brand{display:flex;align-items:baseline;gap:9px;margin-right:auto;cursor:pointer;}
.brand .mark{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:.01em;}
.brand .mark .dot{color:var(--know);}
.brand .cn{font-size:11.5px;color:var(--meta);font-family:var(--mono);letter-spacing:.04em;}
nav{display:flex;gap:4px;overflow-x:auto;}
nav a{
  font-size:14px;padding:7px 13px;border-radius:8px;color:var(--muted);
  white-space:nowrap;transition:.15s;cursor:pointer;
}
nav a:hover{color:var(--ink);background:var(--line-2);}
nav a.on{color:var(--ink);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);font-weight:600;}

/* ---------- layout ---------- */
main{max-width:1180px;margin:0 auto;padding:0 26px 90px;}
/* 多页面架构：每个页面模板各渲染一个 section，默认显示。
   不再用 display:none 隐藏，避免 CSS 加载/缓存异常时整页空白。 */
.page{display:block;}
.page.active>*{animation:rise .55s ease both;}
.page.active>*:nth-child(2){animation-delay:.05s;}
.page.active>*:nth-child(3){animation-delay:.10s;}
.page.active>*:nth-child(4){animation-delay:.15s;}
.page.active>*:nth-child(5){animation-delay:.20s;}
@keyframes rise{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}

.kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--meta);}
.sechead{margin:54px 0 22px;}
.sechead h2{font-family:var(--display);font-size:27px;font-weight:600;letter-spacing:.01em;}
.sechead p{color:var(--muted);font-size:14.5px;margin-top:7px;max-width:660px;}

/* ---------- hero ---------- */
.hero{position:relative;padding:78px 0 30px;overflow:hidden;}
.hero .molecule{position:absolute;right:-40px;top:30px;width:380px;height:380px;opacity:.5;pointer-events:none;}
.hero h1{font-family:var(--display);font-size:54px;line-height:1.12;font-weight:600;letter-spacing:.005em;max-width:760px;}
.hero h1 em{font-style:normal;color:var(--know);}
.hero .lead{margin-top:22px;font-size:17px;color:var(--muted);max-width:600px;}
.hero .cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;}
.btn{
  font-size:15px;font-weight:600;padding:12px 22px;border-radius:10px;cursor:pointer;
  border:1.5px solid transparent;transition:.18s;display:inline-flex;align-items:center;gap:8px;
}
.btn.primary{background:var(--know);color:#fff;}
.btn.primary:hover{background:#9c4a28;transform:translateY(-1px);}
.btn.ghost{background:transparent;border-color:var(--tools);color:var(--tools);}
.btn.ghost:hover{background:var(--tools-soft);transform:translateY(-1px);}
.stats{margin-top:46px;display:flex;gap:34px;flex-wrap:wrap;border-top:1.5px solid var(--line);padding-top:22px;}
.stat .num{font-family:var(--display);font-size:30px;font-weight:600;}
.stat .lab{font-size:12.5px;color:var(--meta);font-family:var(--mono);letter-spacing:.04em;}

/* ---------- entry cards ---------- */
.entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:8px;}
.entry{
  display:block;
  background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:24px 22px;cursor:pointer;
  transition:.2s;position:relative;overflow:hidden;
}
.entry:hover{transform:translateY(-3px);border-color:var(--muted);box-shadow:0 12px 30px -18px rgba(35,32,27,.45);}
.entry .tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;padding:3px 8px;border-radius:6px;}
.entry.t .tag{background:var(--tools-soft);color:var(--tools);}
.entry.k .tag{background:var(--know-soft);color:var(--know);}
.entry.n .tag{background:rgba(106,99,86,.13);color:var(--neutral);}
.entry h3{font-family:var(--display);font-size:21px;font-weight:600;margin:14px 0 8px;}
.entry p{font-size:14px;color:var(--muted);}
.entry .go{margin-top:16px;font-size:13px;font-weight:600;color:var(--ink);}
.entry.t .go{color:var(--tools);}
.entry.k .go{color:var(--know);}
.entry .strip{position:absolute;left:0;top:0;bottom:0;width:4px;}
.entry.t .strip{background:var(--tools);}
.entry.k .strip{background:var(--know);}
.entry.n .strip{background:var(--neutral);}

.why{margin-top:42px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:14px;padding:24px 26px;}
.why h4{font-size:15px;font-weight:700;margin-bottom:8px;}
.why p{font-size:14px;color:var(--muted);}
.why .axes{display:flex;gap:26px;flex-wrap:wrap;margin-top:14px;}
.why .ax{font-size:13.5px;display:flex;align-items:center;gap:8px;}
.why .ax b{font-weight:650;}
.sw{width:11px;height:11px;border-radius:3px;display:inline-block;}

/* ---------- tool / knowledge groups ---------- */
.group{border:1.5px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:18px;background:rgba(255,255,255,.4);}
.group>.gh{display:flex;align-items:center;gap:13px;padding:15px 20px;color:#fff;}
.group.t>.gh{background:var(--tools);}
.group.k>.gh{background:var(--know);}
.group .gcode{font-family:var(--mono);font-size:13px;font-weight:600;opacity:.85;}
.group .gh h3{font-family:var(--display);font-size:20px;font-weight:600;}
.group .gh .desc{margin-left:auto;font-size:12.5px;opacity:.92;font-family:var(--mono);}
.group .gbody{padding:18px 20px;}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{
  font-size:13px;background:var(--card);border:1px solid var(--line);border-radius:8px;
  padding:6px 11px;transition:.15s;cursor:default;
}
.group.t .chip:hover{border-color:var(--tools);color:var(--tools);transform:translateY(-1px);}
.group.k .chip:hover{border-color:var(--know);color:var(--know);transform:translateY(-1px);}
.more{display:block;font-family:var(--mono);font-size:11.5px;color:var(--meta);margin-top:12px;}
.gnote{font-size:12.5px;color:var(--meta);margin-top:10px;font-style:italic;}

/* workflow flow */
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;}
.step{font-size:12.5px;background:var(--card);border:1px solid var(--know);color:var(--know);border-radius:9px;padding:7px 11px;font-weight:560;text-align:center;line-height:1.3;}
.arr{color:var(--meta);font-size:14px;}

/* ---------- pricing ---------- */
.draftbanner{background:var(--know-soft);border:1.5px solid var(--know);border-radius:12px;padding:14px 18px;font-size:13.5px;color:var(--know);margin-bottom:26px;display:flex;gap:10px;align-items:center;}
.draftbanner b{font-weight:700;}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}
.tier{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;}
.tier.feature{border-color:var(--know);box-shadow:0 0 0 3px var(--know-soft);}
.tier .name{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--meta);}
.tier .price{font-family:var(--display);font-size:38px;font-weight:600;margin:12px 0 4px;}
.tier .price small{font-size:15px;color:var(--muted);font-family:var(--sans);}
.tier ul{list-style:none;margin:18px 0 22px;display:flex;flex-direction:column;gap:10px;}
.tier li{font-size:14px;color:var(--ink);display:flex;gap:9px;align-items:flex-start;}
.tier li::before{content:"›";color:var(--know);font-weight:700;}
.tier .pick{margin-top:auto;text-align:center;font-size:14px;font-weight:600;padding:11px;border-radius:10px;border:1.5px solid var(--line);cursor:pointer;transition:.15s;}
.tier a.pick{display:block;}
.tier.feature .pick{background:var(--know);color:#fff;border-color:var(--know);}
.tier .pick:hover{transform:translateY(-1px);}

/* ---------- contact ---------- */
.contactgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:start;}
.cinfo .row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line-2);}
.cinfo .row .ic{width:38px;height:38px;border-radius:10px;background:var(--paper-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:17px;}
.cinfo .row .k{font-size:12px;color:var(--meta);font-family:var(--mono);}
.cinfo .row .v{font-size:15px;font-weight:560;}
.cform{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:26px;}
.cform label{display:block;font-size:12.5px;font-family:var(--mono);color:var(--muted);margin:0 0 6px;letter-spacing:.04em;}
.cform input,.cform textarea{width:100%;font-family:var(--sans);font-size:14px;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);margin-bottom:16px;color:var(--ink);}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--tools);background:#fff;}
.cform .send{background:var(--tools);color:#fff;border:none;font-size:15px;font-weight:600;padding:12px 24px;border-radius:10px;cursor:pointer;transition:.15s;}
.cform .send:hover{background:#155259;}
.formnote{font-size:12.5px;color:var(--meta);margin-top:12px;display:none;}
.formnote.show{display:block;}

/* ---------- footer ---------- */
footer{border-top:1.5px solid var(--line);margin-top:20px;}
.foot{max-width:1180px;margin:0 auto;padding:32px 26px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;}
.foot .mark{font-family:var(--display);font-size:18px;font-weight:600;}
.foot .mark .dot{color:var(--know);}
.foot .note{font-size:12px;color:var(--meta);font-family:var(--mono);margin-left:auto;}

@media(max-width:780px){
  .hero h1{font-size:36px;}
  .hero .molecule{display:none;}
  .contactgrid{grid-template-columns:1fr;}
  .bar{padding:11px 18px;gap:12px;}
  main{padding:0 18px 70px;}
  .group .gh .desc{display:none;}
}