:root{font-family:Source Han Sans SC,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#271d19;background:#f6f1e8;--bg: #f6f1e8;--paper: #fffdfa;--paper-soft: #fbf7ef;--ink: #271d19;--muted: #74675a;--faint: #9a8a79;--line: #e3d7c7;--line-strong: #d3c2ad;--red: #b0182f;--red-deep: #8f1025;--red-soft: #fff0f1;--gold: #b1761f;--green: #1f6f61;--shadow: 0 18px 44px rgba(92, 62, 38, .08);--shadow-soft: 0 8px 22px rgba(92, 62, 38, .06);--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:linear-gradient(180deg,#b0182f0e,#b0182f00 280px),radial-gradient(circle at top right,rgba(177,118,31,.08),transparent 380px),var(--bg)}.page-frame{min-height:100vh}.top-banner{position:relative;min-height:140px;overflow:hidden;border-bottom:1px solid rgba(82,13,24,.42);background:linear-gradient(90deg,#1a060fc7,#1a060f33 48%,#1a060f14),url(/assets/hongse-hero.png) center / cover no-repeat;color:#fff}.top-banner:before{inset:0;position:absolute;content:"";pointer-events:none;background:linear-gradient(180deg,#00000005,#00000014)}.top-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1512px,calc(100% - 48px));min-height:140px;margin:0 auto}.top-brand{display:flex;align-items:center;gap:14px;min-width:0}.top-brand img{width:58px;height:58px;object-fit:contain}.top-brand strong{display:block;font-size:28px;line-height:1.1;letter-spacing:0;text-shadow:0 2px 10px rgba(0,0,0,.28)}.top-brand p{margin:8px 0 0;color:#ffffffd1;font-size:14px;font-weight:700}.quick-filter{display:flex;align-items:center;gap:10px;max-width:100%;padding:10px;border:1px solid rgba(255,255,255,.26);border-radius:14px;background:#7c1222ad;box-shadow:0 14px 30px #17060c3d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quick-filter span{color:#ffffffd6;font-size:13px;font-weight:900;white-space:nowrap}.quick-filter select,.quick-filter button{min-height:38px;border:1px solid rgba(255,255,255,.24);border-radius:10px;font-weight:800}.quick-filter select{min-width:142px;padding:0 12px;background:#ffffff1f;color:#fff;outline:none}.quick-filter option{color:var(--ink)}.quick-filter button{padding:0 18px;border-color:#fff;background:#fff;color:var(--red)}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);gap:18px;width:calc(100% - 48px);min-height:calc(100vh - 140px);margin:22px auto 0;padding-bottom:32px}.app-shell.is-collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar{position:sticky;top:18px;display:grid;align-content:start;gap:16px;height:100vh;padding:18px 14px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fffdfaf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-head,.section-head,.chat-head,.module-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.brand-block strong{display:block;margin-top:4px;font-size:20px;letter-spacing:0}.eyebrow,.panel-label,.section-head p,.chat-head p{margin:0;color:var(--faint);font-size:12px;font-weight:700}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:0 1px #ffffffbf inset;transition:transform .16s ease,border-color .16s ease,color .16s ease}.icon-button:hover{transform:translateY(-1px);border-color:#b0182f47;color:var(--red)}.toggle-symbol{display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;line-height:1}.nav-list{display:grid;gap:8px}.nav-item{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--ink);text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.nav-item:hover{transform:translate(2px);border-color:var(--line);background:#fbf6ef}.nav-item.is-active{border-color:#b0182f29;background:var(--red);color:#fff;box-shadow:0 10px 22px #b0182f2e}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);background:#f1e8dc;color:var(--red)}.nav-item.is-active .nav-icon{background:#ffffff29;color:#fff}.nav-copy{display:grid;gap:2px;min-width:0}.nav-copy span{overflow:hidden;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.sidebar-panel{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fffdfa,#fbf7ef);box-shadow:var(--shadow-soft)}.sidebar-panel strong{line-height:1.45}.sidebar-panel p,.panel-copy,.module-copy,.hint-box p,.profile-box p,.story-box p,.metric-card p,.module-card p{margin:0;color:var(--muted);line-height:1.68}.sidebar-panel ul{margin:4px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}.status-line{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:800}.knowledge-status{display:grid;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.knowledge-title{display:inline-flex;align-items:center;gap:7px;color:var(--red);font-size:13px;font-weight:900}.knowledge-title strong{line-height:1}.knowledge-tags{display:flex;flex-wrap:wrap;gap:8px}.knowledge-tags span{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid rgba(176,24,47,.18);border-radius:999px;background:#fffaf4;color:var(--ink);font-size:12px;font-weight:800;white-space:nowrap}.main{min-width:0;padding:0}.overview-page,.module-page{display:grid;gap:18px}.overview-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;min-height:246px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#fffdfaf5,#fff8eeeb),var(--paper);box-shadow:var(--shadow)}.hero-copy{display:grid;align-content:center;gap:16px;min-width:0}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tags span,.module-card-foot span,.chat-head span{display:inline-flex;align-items:center;min-height:28px;max-width:100%;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:#fff9f2;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.hero-tags span.ready,.chat-head span.ready{border-color:#1f6f6133;background:#1f6f611a;color:var(--green)}.hero-copy h1{max-width:820px;margin:0;color:var(--ink);font-size:clamp(28px,3vw,40px);line-height:1.16;letter-spacing:0}.hero-copy p{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:1.82}.hero-actions,.send-row,.prompt-list{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.primary-button,.secondary-button,.ghost-button,.prompt-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-weight:800;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.primary-button{border-color:var(--red);background:var(--red);color:#fff;box-shadow:0 12px 24px #b0182f2e}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.prompt-chip:hover{transform:translateY(-1px);border-color:#b0182f42}.primary-button:hover{background:var(--red-deep)}.secondary-button{background:#fff8ef}.module-overview{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px}.module-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;min-height:212px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);text-align:left;box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.module-card:hover{transform:translateY(-3px);border-color:#b0182f38;box-shadow:var(--shadow)}.module-card h3{margin:0;font-size:22px;line-height:1.25}.module-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);background:var(--red-soft);color:var(--red)}.module-card-foot{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.module-card-foot span:last-child{max-width:100%;overflow:hidden;color:var(--faint);text-overflow:ellipsis}.accent-crimson{box-shadow:inset 3px 0 #b0182fd1,var(--shadow-soft)}.accent-amber{box-shadow:inset 3px 0 #b1761fd1,var(--shadow-soft)}.accent-rose{box-shadow:inset 3px 0 #9d4a60d1,var(--shadow-soft)}.accent-orange{box-shadow:inset 3px 0 #ca5d1bd1,var(--shadow-soft)}.accent-green{box-shadow:inset 3px 0 #1f6f61d1,var(--shadow-soft)}.module-page{grid-template-columns:minmax(300px,374px) minmax(0,1fr);align-items:start}.module-intro,.chat-panel,.hint-box,.profile-box,.template-box,.story-box{border:1px solid var(--line);border-radius:var(--radius);background:#fffdfaf0;box-shadow:var(--shadow-soft)}.module-intro{display:grid;gap:14px;padding:18px}.section-head{align-items:center}.section-head h2,.chat-head h3{margin:4px 0 0;line-height:1.22}.hint-box,.profile-box,.template-box,.story-box{display:grid;gap:10px;padding:14px;background:#fffaf4}.template-box article+article{margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.template-box h3{margin:0 0 8px;font-size:15px}.template-box ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.75}.ghost-button.accent{min-height:auto;justify-content:flex-start;padding:10px 12px;color:var(--red);text-align:left;white-space:normal}.prompt-chip{min-height:36px;padding:8px 11px;background:#f8f1e8;font-size:13px;text-align:left}.chat-panel{display:grid;gap:14px;padding:18px}.chat-head{align-items:center}.chat-log{display:grid;align-content:start;gap:12px;min-height:470px;max-height:58vh;padding:16px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fffdfaeb,#faf5edeb),var(--paper-soft)}.message{width:fit-content;max-width:min(92%,780px);padding:11px 13px;border-radius:var(--radius);line-height:1.75;white-space:pre-wrap}.message.user{margin-left:auto;background:var(--red);color:#fff;box-shadow:0 10px 22px #b0182f29}.message.assistant{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.markdown>*:first-child{margin-top:0}.markdown>*:last-child{margin-bottom:0}.markdown p,.markdown ul,.markdown ol,.markdown blockquote,.markdown pre{margin:0 0 10px}.markdown h4,.markdown h5,.markdown h6{margin:10px 0 6px}.markdown ul,.markdown ol{padding-left:22px}.markdown code{padding:2px 5px;border-radius:6px;background:#efe4d3;color:var(--red-deep)}.markdown blockquote{padding:10px 12px;border-left:3px solid var(--red);background:#fff5f2;color:var(--muted)}.markdown pre{padding:12px;overflow:auto;border-radius:var(--radius);background:#28211c;color:#fff}textarea{width:100%;min-height:98px;max-height:180px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);outline:none;background:var(--paper);color:var(--ink);resize:vertical;transition:border-color .16s ease,box-shadow .16s ease}textarea:focus{border-color:#b0182f5c;box-shadow:0 0 0 3px #b0182f14}.send-row span{color:var(--muted);font-size:13px}.error-box{padding:12px;border:1px solid rgba(176,24,47,.18);border-radius:var(--radius);background:#fff1f3;color:var(--red);line-height:1.6}.app-shell.is-collapsed .sidebar{padding-inline:12px}.app-shell.is-collapsed .brand-block,.app-shell.is-collapsed .nav-copy,.app-shell.is-collapsed .sidebar-panel{display:none}.app-shell.is-collapsed .sidebar-head{justify-content:center}.app-shell.is-collapsed .nav-item{grid-template-columns:32px;justify-content:center;padding:8px}@media(max-width:1180px){.top-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:24px 0}.quick-filter{flex-wrap:wrap}.overview-hero{min-height:220px}.module-page{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.app-shell,.app-shell.is-collapsed{grid-template-columns:minmax(0,1fr);width:min(100% - 32px,720px);margin-top:16px}.sidebar{position:static;height:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line)}.top-banner{min-height:auto}.top-inner{width:min(100% - 32px,720px);min-height:0}.top-brand strong{font-size:24px}.app-shell.is-collapsed .brand-block,.app-shell.is-collapsed .nav-copy,.app-shell.is-collapsed .sidebar-panel{display:grid}.app-shell.is-collapsed .nav-item{grid-template-columns:32px minmax(0,1fr);justify-content:stretch}.main{padding:0}.overview-hero{padding:22px}.hero-copy h1{font-size:28px}.module-overview{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.app-shell,.app-shell.is-collapsed,.top-inner{width:calc(100% - 24px)}.top-brand{align-items:flex-start}.top-brand img{width:46px;height:46px}.top-brand strong{font-size:20px}.top-brand p{font-size:12px;line-height:1.55}.quick-filter{display:grid;width:100%;grid-template-columns:1fr}.quick-filter select,.quick-filter button{width:100%}.chat-log{min-height:320px;max-height:none}.overview-hero,.module-intro,.chat-panel{padding:14px}.module-card{min-height:auto}.hero-actions,.primary-button,.secondary-button{width:100%}}