@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;color:#12333b;background:#e6e7e3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #bd9660;outline-offset:3px}a{color:inherit}.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}[hidden]{display:none!important}.app-shell{min-height:100vh;max-width:1800px;margin:auto;background:#f4f2ed;box-shadow:0 0 90px #11323c12}.site-header{height:82px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcd9d0;background:#f7f6f2}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #bd9d67;transform:rotate(45deg);font-family:'Noto Serif SC',serif;font-size:21px;color:#0e3c44}.brand-mark b{font-weight:500;transform:rotate(-45deg)}.brand strong{display:block;font-family:'Noto Serif SC',serif;font-size:19px;font-weight:600;letter-spacing:.12em}.brand small{display:block;margin-top:3px;font-size:10px;letter-spacing:.19em;color:#829095}.header-right{display:flex;align-items:center;gap:30px}.edition{font-size:12px;letter-spacing:.17em;color:#718186}.sound-toggle{display:flex;align-items:center;gap:8px;padding:8px 0;border:0;background:none;color:#17424a;font-size:13px}.sound-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sound-toggle[aria-pressed=false]{color:#909b9e}.experience{display:grid;grid-template-columns:minmax(400px,47%) minmax(510px,53%);min-height:calc(100vh - 125px)}.guide-panel{position:relative;min-height:720px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#32616a 0%,#143b45 49%,#082a34 100%);color:#f6f3e9}.guide-panel:before{content:'';position:absolute;inset:0;opacity:.15;background-image:linear-gradient(120deg,transparent 47%,#c8b88c 48%,transparent 49%),linear-gradient(30deg,transparent 65%,#c8b88c 66%,transparent 67%);background-size:240px 240px}.guide-panel:after{content:'';position:absolute;left:0;right:0;bottom:0;height:27%;background:linear-gradient(transparent,#072b35b8);pointer-events:none}.guide-panel-backdrop{position:absolute;inset:0;overflow:hidden}.ring{position:absolute;display:block;border:1px solid #d2b67935;border-radius:50%;width:660px;height:660px;left:50%;top:44%;transform:translate(-50%,-50%)}.ring:before{content:'';position:absolute;inset:23px;border:1px solid #d2b67923;border-radius:50%}.ring-two{width:500px;height:500px;border-style:dashed;opacity:.5}.guide-kicker{position:absolute;top:39px;left:6%;right:6%;z-index:3;display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:.22em;color:#dfd4bd}.guide-kicker .line{width:27px;height:1px;background:#d7b985}.serial{margin-left:auto;font-size:10px;letter-spacing:.12em;color:#a5c0c0}.guide-intro{position:absolute;top:103px;left:7%;z-index:3;font-family:'Noto Serif SC',serif;font-size:clamp(20px,2vw,30px);letter-spacing:.12em;text-shadow:0 4px 20px #001d26}.tiny-diamond{font-size:10px;color:#dec696;vertical-align:middle}.avatar{position:absolute;z-index:2;width:min(96%,690px);aspect-ratio:1122/1402;left:50%;bottom:-13%;transform:translateX(-50%);transform-origin:50% 75%;animation:breathe 5s ease-in-out infinite}.avatar img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 20px 28px #001b23aa)}.avatar.listening{animation:breathe 2.2s ease-in-out infinite}.avatar.thinking{animation:think 3s ease-in-out infinite}.avatar.talking{animation:breathe 2.7s ease-in-out infinite}.mouth{position:absolute;left:48.55%;top:12.5%;width:2.25%;height:.9%;border-radius:50%;background:#713b35;opacity:0;transform:rotate(-3deg) scaleY(.2);box-shadow:inset 0 1px 1px #280f12}.talking .mouth{opacity:.88;animation:talk .25s ease-in-out infinite alternate}.blink{position:absolute;top:9.5%;width:2.8%;height:.45%;border-radius:50%;background:#543d36;opacity:0;transform:rotate(-10deg)}.left-eye{left:44.4%}.right-eye{left:50.4%;transform:rotate(8deg)}.idle .blink,.listening .blink,.thinking .blink{animation:blink 6s infinite}.guide-footer{position:absolute;z-index:4;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;color:#d9ded7;font-size:12px;letter-spacing:.14em}.state-indicator{display:flex;align-items:center;gap:9px}.state-indicator i{width:7px;height:7px;background:#d2b677;border-radius:50%;box-shadow:0 0 0 4px #d2b67725}.dialog-panel{position:relative;padding:clamp(28px,3.2vw,55px) clamp(24px,4.8vw,76px) 28px;background:linear-gradient(155deg,#faf9f6,#f1f0e9 80%);display:flex;flex-direction:column;gap:23px}.dialog-head{display:flex;justify-content:space-between;gap:12px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:#b18e57}.eyebrow span{margin-left:12px;color:#7d8582;letter-spacing:.08em;font-weight:400}.dialog-head h1{margin:15px 0 0;font-family:'Noto Serif SC',serif;font-size:clamp(29px,3vw,48px);line-height:1.35;font-weight:600;letter-spacing:.04em}.dialog-head h1 em{font-style:normal;color:#a5804c}.chapter{align-self:start;margin-top:2px;color:#a1aaa7;font-family:Georgia,serif;font-size:12px;white-space:nowrap}.answer-area{border-left:2px solid #bd9b64;background:#fffefa;padding:20px 25px 18px;min-height:145px;box-shadow:0 12px 25px #12333b0b}.answer-label{display:flex;align-items:center;gap:8px;color:#21444b;font-weight:700;font-size:14px}.answer-symbol{color:#b58c57;font-size:18px}.answer-mode{margin-left:auto;font-size:11px;font-weight:400;color:#989d98}.answer-text{margin-top:13px;font-size:16px;line-height:1.85;letter-spacing:.025em;color:#3b4d50}.thinking{margin-top:10px;color:#6a7778;font-size:13px}.dots{display:inline-flex;gap:3px;margin-right:5px}.dots i{width:4px;height:4px;background:#bc9561;border-radius:50%;animation:dot 1s infinite alternate}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}.source-line{margin-top:12px;padding-top:10px;border-top:1px solid #e9e6dd;font-size:12px;color:#8a9391}.source-line a{margin-left:7px;text-decoration:underline;text-underline-offset:3px;color:#657c80}.topic-card{position:relative;overflow:hidden;min-height:158px;padding:20px 23px;border:1px solid #d9d7ca;background:#e9ede9;animation:reveal .38s ease both}.topic-card:after{content:'';position:absolute;right:-55px;top:-100px;width:270px;height:270px;border:1px solid #9eb2b340;border-radius:50%}.topic-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.topic-heading strong{font-family:'Noto Serif SC',serif;font-size:17px;color:#193c43}.topic-heading small{color:#82918d;font-family:Georgia,serif;letter-spacing:.15em}.topic-caption{position:relative;z-index:1;color:#5b6c6e;font-size:13px;line-height:1.6}.route{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin:2px 0 10px}.route-year{font:48px Georgia,serif;color:#b18c59;line-height:1}.route-names{display:flex;align-items:center;gap:11px;color:#25484e;font-size:18px;font-weight:600}.route-names .arrow{font-size:24px;color:#aa8758;font-weight:400}.card-link{position:relative;z-index:1;display:inline-block;margin-top:10px;font-size:12px;color:#2d626a;text-decoration:underline;text-underline-offset:4px}.script-visual{display:flex;align-items:center;gap:24px;margin:0 0 10px}.script-visual .large-glyph{font-family:'Noto Serif SC',serif;color:#a98653;font-size:36px}.script-visual .divider{width:1px;height:40px;background:#c6cbbf}.script-visual .script-desc{font-size:15px;line-height:1.5;color:#25484e}.archery-visual{display:flex;align-items:center;gap:24px;margin:4px 0 13px}.archery-icon{width:76px;height:76px;flex:none;color:#aa8655}.archery-steps{display:flex;flex-wrap:wrap;gap:8px}.archery-steps span{border:1px solid #bdc8bf;padding:7px 11px;border-radius:30px;color:#355158;font-size:13px}.questions-block{margin-top:1px}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#354e50;font-size:14px;font-weight:600}.section-rule{height:1px;flex:1;background:#d7d8ce}.section-label small{font-size:10px;color:#9a9f9a;letter-spacing:.14em;font-weight:400}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.question-button{min-height:43px;text-align:left;padding:9px 13px;border:1px solid #deded5;background:#fbfaf7;color:#405458;font-size:13px;line-height:1.45;transition:.18s ease}.question-button:hover,.question-button:focus-visible{background:#e4ecea;border-color:#8aa8a8;color:#0a3b43;transform:translateY(-1px)}.question-button .num{margin-right:9px;color:#b18a54;font-family:Georgia,serif}.followups{padding-top:3px}.followups-label{font-size:12px;color:#889494;margin-bottom:8px}.followup-buttons{display:flex;flex-wrap:wrap;gap:7px}.followup-buttons button{padding:7px 11px;border:1px solid #ccd7d2;border-radius:20px;background:#edf4f0;color:#29525a;font-size:12px}.followup-buttons button:hover{background:#dcebe5}.input-area{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:auto}.input-area form{display:flex;min-width:0;border:1px solid #b8c8c3;background:#fff;transition:border-color .2s}.input-area form:focus-within{border-color:#b9955c}.input-area input{width:100%;min-width:0;border:0;outline:0;padding:13px 15px;font-size:14px;background:transparent;color:#1b3c43}.input-area input::placeholder{color:#a2aaa6}.send-button{display:grid;place-items:center;flex:none;width:45px;border:0;background:#17454b;color:white}.send-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mic-button{display:flex;align-items:center;gap:7px;border:0;padding:0 17px;background:#b69562;color:white;font-size:13px;white-space:nowrap}.mic-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.mic-button.active{background:#9d5147;box-shadow:0 0 0 4px #bd6a5d36}.notice{margin:-14px 0 0;color:#87918d;font-size:11px;line-height:1.5}.bottom-bar{height:43px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;background:#e5e7e1;color:#7f8b88;font-size:11px;letter-spacing:.13em}@keyframes breathe{50%{transform:translateX(-50%) translateY(-6px) scale(1.006)}}@keyframes think{50%{transform:translateX(-50%) translateY(-4px) rotate(-.5deg)}}@keyframes talk{to{transform:rotate(-3deg) scaleY(1.4)}}@keyframes blink{0%,45%,47%,100%{opacity:0}46%{opacity:.9}}@keyframes dot{to{opacity:.25;transform:translateY(-3px)}}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1040px){.experience{grid-template-columns:43% 57%}.guide-panel{min-height:710px}.dialog-panel{padding:30px 28px;gap:18px}.avatar{width:115%;bottom:-6%}.guide-intro{font-size:20px}.edition{display:none}}@media(max-width:760px){.site-header{height:66px;padding:0 18px}.brand-mark{width:33px;height:33px;font-size:17px}.brand strong{font-size:15px}.brand small{font-size:8px}.sound-toggle span{display:none}.experience{display:block}.guide-panel{min-height:450px;height:58vh;max-height:610px}.guide-kicker{top:24px}.guide-intro{top:67px;left:7%;font-size:18px}.avatar{width:min(80%,410px);bottom:-47%}.guide-footer{bottom:16px}.dialog-panel{padding:26px 20px 30px;gap:19px}.dialog-head h1{font-size:32px}.bottom-bar{padding:0 18px}.bottom-bar span:last-child{display:none}}@media(max-width:480px){.guide-panel{height:390px;min-height:390px}.avatar{width:83%;bottom:-54%}.guide-footer span:last-child{display:none}.question-grid{grid-template-columns:1fr 1fr;gap:7px}.question-button{padding:8px;font-size:12px}.question-button .num{margin-right:5px}.mic-button{padding:0 12px}.mic-button span{font-size:12px}.dialog-panel{padding:22px 15px 28px}.answer-area{padding:16px}.answer-text{font-size:15px}.route-names{font-size:15px}.route-year{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}