/* 向阳学院 · guide 模块样式（由 code18.txt 第213-253行拆分） */
/* v3.3 换肤：日出橙主导 × 深绿点缀（橙为全局主题色） */
/* ===== 导入引导卡 ===== */
.import-card { background:#F5F6F7; border-radius:16px; padding:24px 18px; text-align:center; }
.import-card .big { font-size:44px; margin-bottom:8px; }
.import-card h3 { font-size:16px; margin-bottom:8px; color:#D9541F; }
.import-card p { font-size:12px; color:#A89C90; line-height:1.7; margin-bottom:14px; }
.import-btn { display:inline-block; border:none; border-radius:22px; padding:12px 28px; font-size:14px; font-weight:600; color:#fff; background:linear-gradient(135deg,#F8A83C,#FC6C3C); cursor:pointer; -webkit-tap-highlight-color:transparent; }
.import-btn:active { transform:scale(.95); }
.tpl-btn { display:inline-block; margin-top:10px; border:none; background:#FFF1E6; color:#C2571F; border-radius:18px; padding:8px 16px; font-size:12px; cursor:pointer; }
.status-bar { display:flex; align-items:center; gap:8px; background:#FFF4EC; color:#C2571F; border-radius:12px; padding:10px 14px; margin:10px 12px 0; font-size:12px; flex-shrink:0; }
.status-bar.red { background:#fdeeee; color:#c0392b; }
.status-bar .link { margin-left:auto; color:inherit; text-decoration:underline; cursor:pointer; }
.status-bar .tpl-inline { border:none; background:rgba(255,255,255,.7); color:inherit; border-radius:8px; padding:4px 10px; font-size:11px; cursor:pointer; white-space:nowrap; }
.status-bar .tpl-inline:active { background:rgba(255,255,255,1); }

body.desktop .content { max-width: 1100px; margin: 0 auto; width: 100%; }
body.desktop .card-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); gap: 16px; align-items: start; }
body.desktop .card { margin-bottom: 0; }
body.desktop .chip { padding: 10px 16px; font-size: 15px; }
body.desktop .chip:hover { background: #FFE9D6; transform: translateY(-2px); }
body.desktop .tab:hover, body.desktop .ptab:hover, body.desktop .atab:hover { background: #ECEDED; }
body.desktop .tab.active:hover, body.desktop .ptab.active:hover, body.desktop .atab.active:hover { background: #e5552e; }
body.desktop .seg { max-width: 560px; }
body.desktop .seg div { font-size: 13px; }
body.desktop .tool-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 12px; }
body.desktop .tool-item { margin-bottom: 0; }
body.desktop .tool-btn:hover { background: #e5552e; }

@media (max-width: 420px) {
  header { padding: 12px 14px 6px; }
  .switch-wrap { padding: 10px 10px 2px; }
  .switch-wrap label { display: none; }
  .content { padding: 4px 10px 14px; }
  .chip { flex: 1 1 calc(50% - 4px); }
  .seg div { padding: 7px 2px; font-size: 10px; }
  .tab, .ptab, .atab { padding: 5px 10px; font-size: 11px; }
  .growth-stats { padding: 5px 8px; }
}
@media (max-width: 340px) { .chip { flex: 1 1 100%; } .seg { flex-direction: column; } .seg div { min-height: 30px; } }