:root { --paper:#f5f4ed; --paper-light:#fffefa; --ink:#1d2923; --muted:#667068; --line:#d8ddd2; --brand:#17644b; --brand-dark:#0e4936; --brand-soft:#dcefe4; --forest:#244d39; --gold:#d69a32; --gold-soft:#fff0cc; --red:#ad4438; --shadow:0 22px 70px rgba(26,60,43,.14); font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif; color:var(--ink); background:var(--paper); }
*{box-sizing:border-box} html,body{width:100%;height:100%} body{min-width:320px;margin:0;overflow:hidden;background:var(--paper)} button,input,textarea,select{font:inherit} button{color:inherit;cursor:pointer} button,a{-webkit-tap-highlight-color:transparent} button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(214,154,50,.62);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro-screen{position:fixed;z-index:200;inset:0;min-width:320px;min-height:560px;overflow:hidden;color:#fffef7;background:#30583e;isolation:isolate}.intro-backdrop{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;}.intro-screen::before{position:absolute;z-index:2;inset:14px;content:"";pointer-events:none;border:1px solid rgba(255,231,171,.56)}.intro-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(10,35,25,.54),rgba(13,44,31,.08) 42%,rgba(14,36,28,.72))}.intro-topline{position:absolute;z-index:3;top:max(30px,calc(env(safe-area-inset-top) + 18px));right:34px;left:34px;display:flex;justify-content:space-between;color:rgba(255,255,250,.88);font-size:12px;font-weight:800}.intro-topline span:first-child{font-family:"STKaiti","KaiTi",serif;font-size:18px}.intro-copy{position:absolute;z-index:3;top:clamp(104px,16vh,168px);right:24px;left:24px;text-align:center;text-shadow:0 4px 28px rgba(5,25,18,.7)}.intro-kicker{margin:0 0 14px;color:#ffd77d;font-size:12px;font-weight:800}.intro-copy h1{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,42px);margin:0;font-family:"STKaiti","KaiTi",serif;font-size:clamp(48px,6vw,84px);line-height:1.08}.intro-copy h1 i{width:1px;height:.82em;background:rgba(255,223,139,.72)}.intro-subtitle{margin:17px 0 0;font-family:"STKaiti","KaiTi",serif;font-size:clamp(17px,2vw,23px)}.intro-achievements{position:absolute;z-index:3;right:clamp(26px,6vw,110px);bottom:clamp(70px,9vh,116px);left:clamp(26px,6vw,110px);display:flex;justify-content:space-between;pointer-events:none}.intro-achievement{width:clamp(205px,22vw,285px);margin:0;overflow:hidden;background:#e8dfbd;border:1px solid rgba(255,242,193,.55);border-radius:5px;box-shadow:0 14px 36px rgba(0,0,0,.38)}.intro-achievement img{display:block;width:100%;height:auto}.intro-achievement-first{transform:rotate(-2deg)}.intro-achievement-campus{transform:rotate(2deg)}.intro-start{position:absolute;z-index:4;bottom:clamp(28px,4vh,54px);left:50%;display:inline-flex;min-width:220px;min-height:50px;align-items:center;justify-content:space-between;padding:0 17px;color:#fff;background:var(--red);border:1px solid rgba(255,232,177,.54);border-radius:4px;box-shadow:0 16px 35px rgba(0,0,0,.28);transform:translateX(-50%)}.intro-start:hover{background:#873128}.intro-footnote{position:absolute;z-index:3;bottom:clamp(10px,1.6vh,20px);left:50%;margin:0;color:rgba(255,255,250,.72);font-size:10px;transform:translateX(-50%)}.intro-screen.is-leaving{pointer-events:none;animation:intro-exit .58s ease forwards}@keyframes intro-exit{to{opacity:0;transform:scale(1.015)}}
.music-toggle{position:fixed;z-index:210;right:max(20px,calc(env(safe-area-inset-right) + 12px));bottom:max(21px,calc(env(safe-area-inset-bottom) + 12px));display:none;width:44px;height:44px;place-items:center;color:#fff;background:var(--brand);border:1px solid rgba(255,255,255,.45);border-radius:50%;box-shadow:0 10px 30px rgba(17,64,45,.26)}.intro-active .music-toggle{display:grid}.music-toggle::before{position:absolute;right:0;bottom:calc(100% + 9px);width:max-content;max-width:190px;padding:7px 9px;content:attr(data-tooltip);color:#fff;font-size:10px;background:#16352a;border-radius:6px;opacity:0;pointer-events:none;transform:translateY(4px);transition:.15s}.music-toggle:hover::before{opacity:1;transform:none}.music-toggle.is-unavailable{background:#7e887e}
.app-shell{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr) auto}.app-header{z-index:10;background:rgba(255,254,250,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.header-inner{display:flex;width:min(1080px,calc(100% - 36px));min-height:66px;align-items:center;justify-content:space-between;margin:auto}.header-profile{display:flex;align-items:center;gap:10px;padding:0;background:transparent;border:0;text-align:left}.header-avatar,.profile-emblem{display:grid;place-items:center;color:#fff;font-family:"STKaiti","KaiTi",serif;background:var(--brand);border-radius:50%}.header-avatar{width:40px;height:40px;font-size:20px}.header-copy{display:grid;gap:3px}.header-copy strong{font-size:13px}.header-copy small{color:var(--muted);font-size:9px}.header-copy i,.knowledge-status i{display:inline-block;width:6px;height:6px;margin-right:3px;background:#53a97b;border-radius:50%}.header-actions{display:flex;gap:7px}.header-actions button{display:grid;width:36px;height:36px;place-items:center;color:var(--brand);font-size:12px;font-weight:800;background:var(--brand-soft);border:0;border-radius:50%}.chat-area{min-height:0;overflow:auto}.welcome-panel,.message-list{width:min(1080px,calc(100% - 36px));margin:0 auto;padding:26px 0 34px}.welcome-hero{position:relative;min-height:470px;overflow:hidden;padding:22px;border-radius:8px;background:linear-gradient(90deg,rgba(8,50,34,.78),rgba(12,61,42,.14)),url("./assets/dehong-campus-gate.jpg") center / cover no-repeat;color:#fff;box-shadow:var(--shadow)}.welcome-hero::after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(9,45,31,.72),transparent 55%);pointer-events:none}.welcome-hero-top,.welcome-hero-copy{position:relative;z-index:1}.welcome-hero-top{display:flex;align-items:center;justify-content:space-between}.profile-emblem{width:66px;height:66px;font-size:30px;border:1px solid rgba(255,255,255,.55)}.welcome-badge{padding:8px 11px;font-size:10px;background:rgba(20,72,51,.55);border:1px solid rgba(255,255,255,.35);border-radius:4px}.welcome-hero-copy{max-width:620px;padding-top:92px;text-shadow:0 3px 18px rgba(0,0,0,.34)}.welcome-kicker,.zone-card span,.contact-section>div>span{margin:0;color:#ffce6e;font-size:10px;font-weight:800}.welcome-hero h1{display:grid;gap:7px;margin:12px 0 0;font-family:"STKaiti","KaiTi",serif;font-size:clamp(38px,5vw,61px);line-height:1.1}.welcome-school{margin:13px 0 0;font-size:14px}.welcome-tagline{margin:9px 0 0;color:#ffe4ae;font-size:12px}.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.hero-actions button{min-height:41px;padding:0 15px;border-radius:4px}.hero-primary{color:#fff;background:var(--red);border:0}.hero-secondary{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.52)}.hero-metrics{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:11px}.hero-metrics b{font-size:15px}.zone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.zone-card{display:grid;min-height:155px;align-content:space-between;padding:15px;color:#17352a;text-align:left;background:var(--paper-light);border:1px solid var(--line);border-radius:7px;box-shadow:0 7px 18px rgba(27,61,44,.04);transition:.16s}.zone-card:hover{border-color:var(--brand);transform:translateY(-2px)}.zone-card span{color:var(--brand)}.zone-card strong{font-family:"STKaiti","KaiTi",serif;font-size:19px;line-height:1.35}.zone-card small{color:var(--muted);font-size:10px}.zone-card-gold{background:#fff9e9}.zone-card-gold span{color:#a76e10}.zone-card-red{background:#fdf0eb}.zone-card-red span{color:var(--red)}.knowledge-status{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 14px;color:#405a4c;font-size:10px;background:var(--brand-soft);border-radius:6px}.knowledge-notice{margin:12px 0;color:var(--muted);font-size:10px}.quick-heading{display:flex;align-items:center;justify-content:space-between;margin:21px 0 9px;font-size:12px;font-weight:800}.quick-heading button{padding:0;color:var(--brand);font-size:10px;background:transparent;border:0}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-question{min-height:48px;padding:10px 12px;color:#385246;text-align:left;background:#fffefa;border:1px solid var(--line);border-radius:6px;font-size:11px}.quick-question:hover{border-color:var(--brand)}.category-strip{display:flex;gap:8px;margin-top:16px;overflow:auto}.category-strip button,.library-filter{flex:0 0 auto;padding:8px 11px;color:#506258;background:#fffefa;border:1px solid var(--line);border-radius:999px;font-size:10px}.category-strip button:hover,.library-filter.active{color:#fff;background:var(--brand);border-color:var(--brand)}.contact-section{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:center;margin-top:22px;padding:20px;background:#183e30;color:#fff;border-radius:7px}.contact-section h2{margin:6px 0;font-family:"STKaiti","KaiTi",serif;font-size:27px}.contact-section p{margin:0;color:#d8e8dd;font-size:11px}.contact-card{display:flex;align-items:center;gap:11px;padding:9px;color:#fff;text-align:left;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);border-radius:6px}.contact-card img{width:58px;height:58px;object-fit:cover;background:#fff}.contact-card span{font-size:11px}.contact-card b{color:#ffce6e}.composer-wrap{background:rgba(255,254,250,.97);border-top:1px solid var(--line);box-shadow:0 -12px 34px rgba(42,63,48,.05);backdrop-filter:blur(14px)}.composer-inner{width:min(860px,calc(100% - 28px));margin:auto;padding:10px 0 8px}.composer{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.composer textarea{width:100%;min-height:48px;max-height:120px;padding:13px 15px;color:var(--ink);resize:none;background:#fbfcf8;border:1px solid var(--line);border-radius:8px;outline:0}.composer textarea:focus{background:#fff;border-color:var(--brand)}.composer>button{display:grid;width:48px;height:48px;place-items:center;color:#fff;background:var(--brand);border:0;border-radius:50%;font-size:20px}.composer>button:disabled{color:#adb5ae;background:#dce1dc;cursor:not-allowed}.composer-meta{display:flex;justify-content:center;gap:12px;margin-top:5px;color:#849087;font-size:8px}.composer-meta button{padding:0;color:var(--brand);background:transparent;border:0}.composer-inner>p{margin:4px 0 0;color:#90998f;text-align:center;font-size:8px}.message-list{display:grid;gap:14px}.message-row{display:flex;gap:9px}.message-row.user{justify-content:flex-end}.message-avatar{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;color:#fff;background:var(--brand);border-radius:50%;font-family:"STKaiti","KaiTi",serif}.message-row.user .message-avatar{order:2;background:#64786b}.message-bubble{max-width:min(730px,calc(100% - 45px));padding:13px;color:#27362e;background:#fffefa;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px rgba(28,59,43,.05)}.message-row.user .message-bubble{background:var(--brand-soft)}.answer-label{color:var(--brand);font-size:9px;font-weight:800}.answer-title{margin:7px 0;font-family:"STKaiti","KaiTi",serif;font-size:19px}.answer-content{font-size:12px;line-height:1.8;white-space:pre-line}.answer-source{margin-top:11px;padding-top:9px;color:var(--muted);font-size:9px;line-height:1.6;border-top:1px solid var(--line)}.related-questions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.related-questions>span{width:100%;color:var(--muted);font-size:9px}.related-questions button,.no-answer-actions button{padding:7px 9px;color:var(--brand);background:var(--brand-soft);border:0;border-radius:999px;font-size:9px}.thinking-bubble{display:flex;gap:4px}.thinking-bubble i{width:6px;height:6px;background:var(--brand);border-radius:50%;animation:think 1s infinite}.thinking-bubble i:nth-child(2){animation-delay:.15s}.thinking-bubble i:nth-child(3){animation-delay:.3s}@keyframes think{50%{opacity:.25;transform:translateY(-3px)}}.panel-dialog{width:min(850px,calc(100% - 26px));max-height:min(88dvh,820px);padding:0;color:var(--ink);background:var(--paper-light);border:0;border-radius:8px;box-shadow:0 35px 120px rgba(15,39,29,.35)}.panel-dialog::backdrop{background:rgba(9,38,27,.58);backdrop-filter:blur(5px)}.dialog-header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px 14px;background:rgba(255,254,250,.97);border-bottom:1px solid var(--line)}.dialog-header p{margin:0 0 3px;color:var(--brand);font-size:8px;font-weight:900}.dialog-header h2{margin:0;font-family:"STKaiti","KaiTi",serif;font-size:26px}.dialog-close{display:grid;width:35px;height:35px;place-items:center;color:#405447;background:var(--brand-soft);border:0;border-radius:50%;font-size:23px}.library-tabs{display:flex;gap:5px;padding:13px 22px 0}.library-tabs button{padding:8px 11px;color:var(--muted);background:transparent;border:0;border-radius:5px;font-size:11px}.library-tabs button.active{color:#fff;background:var(--brand)}.library-search-wrap{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;margin:12px 22px 0;padding:5px 12px;background:#f2f5ef;border:1px solid var(--line);border-radius:7px}.library-search-wrap input{width:100%;padding:8px 0;background:transparent;border:0;outline:0}.library-filters{display:flex;gap:7px;margin-top:10px;padding:0 22px 4px;overflow:auto}.library-body{max-height:calc(88dvh - 220px);padding:12px 22px 23px;overflow:auto}.library-result-summary{margin:0 0 10px;color:var(--muted);font-size:9px}.library-list{display:grid;gap:8px}.library-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;width:100%;padding:12px;text-align:left;background:#fffefa;border:1px solid var(--line);border-radius:7px}.library-item:hover{border-color:var(--brand)}.library-item-icon{display:grid;width:32px;height:32px;place-items:center;background:var(--brand-soft);border-radius:6px}.library-item-copy{display:grid;gap:4px;min-width:0}.library-item-copy strong{font-size:12px}.library-item-copy small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.library-item-arrow{color:var(--brand)}.library-empty{padding:36px 15px;color:var(--muted);text-align:center;background:#f2f5ef;border-radius:7px}.library-detail-back{padding:0;color:var(--brand);background:transparent;border:0;font-size:10px}.library-detail h3{margin:13px 0;font-family:"STKaiti","KaiTi",serif;font-size:24px}.library-detail-content{font-size:12px;line-height:1.85;white-space:pre-line}.library-section{margin-top:17px;padding-top:13px;border-top:1px solid var(--line)}.library-section h4{margin:0 0 6px;color:var(--brand);font-size:12px}.library-detail-meta{margin-top:16px;padding:10px;color:var(--muted);background:#f1f5ef;border-radius:6px;font-size:9px;line-height:1.6}.feedback-form{display:grid;gap:13px;padding:20px 22px 23px}.feedback-form label{display:grid;gap:6px;font-size:11px;font-weight:700}.feedback-form textarea,.feedback-form select{width:100%;padding:11px;color:var(--ink);background:#f5f7f1;border:1px solid var(--line);border-radius:6px;outline:0}.privacy-note{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.primary-button{min-height:41px;color:#fff;background:var(--brand);border:0;border-radius:6px}.map-dialog{width:min(680px,calc(100% - 26px))}.map-dialog-body{padding:18px 22px 23px}.map-dialog-body>p{margin:0 0 14px;color:var(--muted);font-size:10px;line-height:1.65}.map-grid{display:grid;gap:9px}.map-item{padding:14px;background:#f3f6f0;border:1px solid var(--line);border-radius:7px}.map-item strong{display:block;margin-bottom:5px;color:var(--brand);font-size:12px}.map-item p{margin:0;font-size:11px;line-height:1.7}.map-disclaimer{margin-top:15px!important;padding:10px;color:#8d651d!important;background:var(--gold-soft);border-radius:6px}.contact-dialog{width:min(490px,calc(100% - 26px))}.contact-dialog-body{display:grid;justify-items:center;padding:20px 22px 24px;text-align:center}.contact-dialog-body p{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.7}.contact-dialog-body img{display:block;max-width:min(360px,100%);height:auto;background:#fff;border:1px solid var(--line)}.contact-dialog-body small{margin-top:12px;color:var(--muted);font-size:9px;line-height:1.6}.toast{position:fixed;z-index:220;right:20px;bottom:100px;max-width:calc(100% - 40px);padding:11px 14px;color:#fff;background:var(--forest);border-radius:6px;font-size:11px;opacity:0;pointer-events:none;transform:translateY(9px);transition:.16s}.toast.show{opacity:1;transform:none}
@media(max-width:700px){.intro-topline{right:20px;left:20px}.intro-copy{top:clamp(90px,14vh,120px)}.intro-copy h1{display:grid;gap:8px;font-size:clamp(37px,11.5vw,52px)}.intro-copy h1 i{width:54px;height:1px;margin:auto}.intro-achievements{right:16px;bottom:clamp(135px,21vh,177px);left:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.intro-achievement{width:100%}.intro-start{bottom:max(63px,calc(env(safe-area-inset-bottom) + 48px))}.intro-footnote{bottom:max(20px,calc(env(safe-area-inset-bottom) + 10px));width:100%;text-align:center}.header-inner,.welcome-panel,.message-list{width:calc(100% - 20px)}.header-inner{min-height:60px}.welcome-panel{padding-top:16px}.welcome-hero{min-height:500px;padding:17px}.welcome-hero-copy{padding-top:74px}.welcome-hero h1{font-size:clamp(35px,10vw,45px)}.zone-grid{grid-template-columns:1fr 1fr}.zone-card{min-height:130px;padding:12px}.zone-card strong{font-size:17px}.knowledge-status{display:grid}.quick-grid{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr;padding:16px}.contact-card{width:100%}.composer-inner{width:calc(100% - 20px)}.composer-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-dialog{width:100%;max-height:calc(100dvh - 8px);margin:auto 0 0;border-radius:8px 8px 0 0}.dialog-header{padding:17px}.library-tabs,.library-filters{padding-right:17px;padding-left:17px}.library-search-wrap{margin-right:17px;margin-left:17px}.library-body{max-height:calc(100dvh - 215px);padding-right:17px;padding-left:17px}.feedback-form,.map-dialog-body,.contact-dialog-body{padding-right:17px;padding-left:17px}.music-toggle{right:12px;bottom:12px}.toast{right:12px;bottom:98px;max-width:calc(100% - 24px)}}