:root { --teach-ink:#17382f; --teach-jade:#2f735f; --teach-red:#a54136; --teach-gold:#bb8b42; --teach-paper:#fffdfa; --teach-line:#e6ddcf; }

.teaching-nav-button span { background:linear-gradient(145deg,#f4e5c9,#fff8e9); color:#8f552d; }
.layout-v15 .suite-nav .nav-teaching { border-color:#e1cab8; background:linear-gradient(135deg,#fff8f1,#f4e9db); box-shadow:inset 3px 0 0 var(--teach-red),0 7px 20px rgba(72,56,33,.06); }
.layout-v15 .suite-nav .nav-teaching > span { color:#fff; border-color:transparent; background:linear-gradient(145deg,var(--teach-red),#873329); }
.layout-v15 .suite-nav .nav-teaching b { color:#7f352d; }
.home-quick-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.accent-teaching { --action-color:#a54136; --action-soft:#f5e3de; border-color:#dec1b6; background:linear-gradient(145deg,#fffdfa,#fff5ef); }
.teaching-intro { position:relative; overflow:hidden; background:linear-gradient(128deg,#fffdf9 0%,#f5f0e5 60%,#e7f0e9 100%); }
.teaching-intro::after { content:"教"; position:absolute; right:26%; top:-54px; font:700 190px/1 serif; color:rgba(47,115,95,.045); pointer-events:none; }
.teaching-intro > div:first-child { max-width:840px; position:relative; z-index:1; }
.teaching-intro-actions { display:flex; flex-direction:column; align-items:flex-end; gap:12px; position:relative; z-index:2; min-width:205px; }
.teaching-demo-button { border:0; border-radius:16px; padding:13px 22px; color:#fff; background:linear-gradient(135deg,#ae4639,#87322b); box-shadow:0 12px 28px rgba(142,51,43,.22); cursor:pointer; text-align:left; transition:.2s ease; }
.teaching-demo-button:hover { transform:translateY(-2px); box-shadow:0 15px 32px rgba(142,51,43,.28); }
.teaching-demo-button span,.teaching-demo-button b { display:block; }
.teaching-demo-button span { font-size:11px; letter-spacing:.12em; opacity:.78; margin-bottom:2px; }
.teaching-demo-button b { font-size:15px; }
.teaching-api-pill { display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border:1px solid #c8d9ce; border-radius:999px; background:#edf5f0; color:#2f6958; font-size:12px; font-weight:700; }
.teaching-api-pill i { width:7px; height:7px; border-radius:50%; background:#50ad82; box-shadow:0 0 0 5px rgba(80,173,130,.12); }
.teaching-api-pill.offline { color:#8c6543; border-color:#ead7ba; background:#fff8eb; }
.teaching-api-pill.offline i { background:#c1914c; box-shadow:none; }
.teaching-overview { display:grid; grid-template-columns:.7fr .7fr .8fr 2.2fr; gap:12px; margin:16px 0; }
.teaching-overview article { min-height:96px; padding:17px 19px; border:1px solid var(--teach-line); border-radius:18px; background:rgba(255,253,249,.88); box-shadow:0 8px 24px rgba(50,39,23,.045); }
.teaching-overview article > span { display:block; color:#8b7c6d; font-size:12px; margin-bottom:5px; }
.teaching-overview article > b { display:block; font:700 26px/1.15 Georgia,"Noto Serif SC",serif; color:var(--teach-ink); }
.teaching-overview article > small { display:block; color:#948a7f; margin-top:6px; }
.teaching-progress-card > div:first-child { display:flex; justify-content:space-between; gap:12px; }
.teaching-progress-card > div:first-child b { color:var(--teach-jade); font-size:13px; }
.teaching-progress-track { height:8px; border-radius:99px; background:#e8e2d8; overflow:hidden; margin:14px 0 7px; }
.teaching-progress-track i { display:block; height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,var(--teach-red),var(--teach-gold),var(--teach-jade)); transition:width .45s ease; }
.teaching-tabs { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; padding:8px; border:1px solid var(--teach-line); border-radius:20px; background:rgba(255,255,255,.66); margin-bottom:16px; }
.teaching-tabs button { min-height:86px; border:1px solid transparent; border-radius:14px; background:transparent; color:#6e6b63; cursor:pointer; text-align:left; padding:12px 14px; transition:.2s ease; }
.teaching-tabs button:hover { background:#f7f2e9; }
.teaching-tabs button.active { color:#fff; background:linear-gradient(138deg,#316f5d,#245443); box-shadow:0 10px 22px rgba(36,84,67,.18); }
.teaching-tabs span,.teaching-tabs b,.teaching-tabs small { display:block; }
.teaching-tabs span { font:700 11px/1 Georgia,serif; color:#b97c52; margin-bottom:7px; }
.teaching-tabs .active span { color:#ecd2a6; }
.teaching-tabs b { font-size:15px; }
.teaching-tabs small { margin-top:5px; opacity:.72; font-size:11px; }
.teaching-workbench { display:grid; grid-template-columns:minmax(390px,.88fr) minmax(500px,1.32fr); gap:16px; align-items:start; }
.teaching-input-card,.teaching-result-card { min-height:680px; }
.teaching-input-card .card-title,.teaching-result-card .card-title { margin-bottom:20px; }
.teaching-example-link { border:0; border-bottom:1px solid #b6784d; background:transparent; color:#9c4d38; padding:4px 0; font-weight:700; cursor:pointer; }
.teaching-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.teaching-form-grid .wide { grid-column:1/-1; }
.teaching-form-grid label > span { display:block; color:#5b655f; font-size:12px; font-weight:700; margin-bottom:7px; }
.teaching-form-grid input,.teaching-form-grid select,.teaching-form-grid textarea { width:100%; border:1px solid #ddd7cc; border-radius:12px; background:#fff; color:#263b33; padding:11px 13px; outline:none; transition:.18s ease; }
.teaching-form-grid textarea { min-height:110px; resize:vertical; line-height:1.65; }
.teaching-form-grid input:focus,.teaching-form-grid select:focus,.teaching-form-grid textarea:focus { border-color:#6c9b87; box-shadow:0 0 0 3px rgba(76,126,104,.1); }
.teaching-file-drop { display:flex; align-items:center; gap:12px; margin-top:14px; padding:13px; border:1px dashed #d7c7ad; border-radius:14px; background:#fffbf3; cursor:pointer; }
.teaching-file-drop > span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:#fff; background:#b07a43; font-size:20px; }
.teaching-file-drop b,.teaching-file-drop small { display:block; }
.teaching-file-drop small { color:#958b7e; margin-top:2px; }
.teaching-privacy-note { display:flex; gap:10px; margin:13px 0; padding:11px 13px; border-radius:12px; background:#edf4f0; color:#577064; font-size:12px; line-height:1.55; }
.teaching-privacy-note b { flex:0 0 auto; color:#2f6e5a; }
.teaching-generate-button { width:100%; min-height:48px; display:flex; justify-content:center; align-items:center; gap:14px; }
.teaching-result-card { position:sticky; top:92px; }
.teaching-result-source { border:1px solid #dfd5c5; border-radius:999px; padding:6px 10px; color:#857869; font-size:11px; }
.teaching-result-source.ai { color:#2c6957; background:#eaf4ee; border-color:#c7dfd1; }
.teaching-result-source.local { color:#886340; background:#fff7e9; border-color:#edd9b8; }
.teaching-result-empty { min-height:505px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#8c8a82; }
.teaching-result-empty > span { display:grid; place-items:center; width:68px; height:68px; border-radius:21px; color:#fff8ed; background:linear-gradient(145deg,#b1493c,#843028); box-shadow:0 10px 25px rgba(139,51,42,.2); font:700 28px/1 serif; }
.teaching-result-empty h3 { color:#31463d; font:700 22px/1.3 Georgia,"Noto Serif SC",serif; margin:18px 0 8px; }
.teaching-result-empty p { max-width:470px; line-height:1.7; }
.teaching-result-content { max-height:570px; overflow:auto; padding:3px 10px 8px 2px; }
.teaching-result-content h1,.teaching-result-content h2,.teaching-result-content h3 { color:#21483b; }
.teaching-result-content table { width:100%; border-collapse:collapse; font-size:13px; }
.teaching-result-content th,.teaching-result-content td { padding:8px; border:1px solid #e2ddd2; text-align:left; }
.teaching-table-wrap { width:100%; overflow-x:auto; margin:12px 0 18px; }
.teaching-result-content th { background:#eef4f0; color:#285443; }
.teaching-result-content blockquote { margin:14px 0; padding:10px 14px; border-left:3px solid #b88a48; background:#fff8ea; color:#6f6455; }
.teaching-result-content code { padding:2px 5px; border-radius:5px; background:#f0eee8; color:#8c3d33; }
.teaching-result-actions { display:flex; gap:8px; flex-wrap:wrap; padding-top:14px; margin-top:10px; border-top:1px solid #eee6d9; }
.teaching-result-actions button { min-width:112px; }
.teaching-history-card { margin-top:16px; }
.teaching-history-list { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.teaching-history-empty { grid-column:1/-1; padding:30px; border:1px dashed #ddd3c4; border-radius:14px; text-align:center; color:#8f887d; }
.teaching-history-item { display:flex; flex-direction:column; gap:12px; min-height:145px; padding:15px; border:1px solid #e5ddd0; border-radius:14px; background:#fffdfa; }
.teaching-history-item header { display:flex; align-items:flex-start; gap:9px; }
.teaching-history-item header > span { flex:0 0 auto; padding:4px 7px; border-radius:7px; background:#e8f1ec; color:#2f6857; font-size:11px; }
.teaching-history-item h3 { margin:0; color:#2d4339; font-size:14px; line-height:1.45; }
.teaching-history-item p { margin:0; color:#8e8579; font-size:12px; line-height:1.55; flex:1; }
.teaching-history-item footer { display:flex; justify-content:space-between; align-items:center; }
.teaching-history-item time { color:#aaa093; font-size:11px; }
.teaching-history-item button { border:0; background:transparent; color:#9b4938; cursor:pointer; font-weight:700; }
body.teaching-printing > *:not(.teaching-print-sheet) { display:none!important; }
.teaching-print-sheet { max-width:820px; margin:0 auto; padding:40px; color:#17241f; background:#fff; }

@media (max-width:1180px) {
  .home-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .teaching-overview { grid-template-columns:repeat(3,1fr); }
  .teaching-progress-card { grid-column:1/-1; }
  .teaching-workbench { grid-template-columns:1fr; }
  .teaching-result-card { position:static; min-height:520px; }
  .teaching-input-card { min-height:0; }
  .teaching-history-list { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:760px) {
  .home-quick-grid { grid-template-columns:1fr; }
  .teaching-intro-actions { align-items:stretch; width:100%; }
  .teaching-tabs { grid-template-columns:1fr 1fr; }
  .teaching-tabs button:last-child { grid-column:1/-1; }
  .teaching-overview { grid-template-columns:1fr 1fr; }
  .teaching-progress-card { grid-column:1/-1; }
  .teaching-form-grid { grid-template-columns:1fr; }
  .teaching-form-grid .wide { grid-column:auto; }
  .teaching-workbench { display:block; }
  .teaching-result-card { margin-top:14px; }
  .teaching-history-list { grid-template-columns:1fr; }
}
@media print {
  body.teaching-printing { background:#fff; }
  .teaching-print-sheet { display:block!important; font:11pt/1.65 "Microsoft YaHei",sans-serif; }
  .teaching-print-sheet h1 { font-size:22pt; text-align:center; margin-bottom:28px; }
  .teaching-print-sheet h2 { font-size:15pt; color:#17382f; border-bottom:1px solid #ccc; padding-bottom:5px; }
}