:root{font-family:Microsoft YaHei,PingFang SC,SimSun,serif;color:#3e3026;background:#f4eee3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bc9658;outline-offset:2px}button{border:0}h1,h2,h3{font-family:STKaiti,KaiTi,Microsoft YaHei,serif}p{line-height:1.8}.shell{min-height:100vh}.masthead{height:73px;padding:0 max(20px,calc((100vw - 1510px)/2));background:#30251e;color:#ebd6ad;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:3px solid #b5874d}.logo{background:none;color:inherit;display:flex;align-items:center;gap:13px}.logo strong{font-size:21px;white-space:nowrap}.logo small{color:#bda27c;font-size:11px;white-space:nowrap}.top-actions{display:flex;gap:16px;align-items:center}.profile-pill{background:#594431;padding:7px 11px;border:1px solid #967147;border-radius:99px;font-size:12px}.text-button{background:none;color:#f5dfb4}.landing{min-height:calc(100vh - 125px);background:linear-gradient(90deg,#f3e8d3f7,#f3e8d3de 43%,#f3e8d326 78%),url(/images/b-entrance-panorama.webp) center center /cover;display:flex;align-items:center}.landing-content{padding:80px max(24px,calc((100vw - 1280px)/2));max-width:100%;width:100%}.landing-content>*{max-width:620px}.supra,.eyebrow{font-size:13px;color:#926332;letter-spacing:.12em}.landing h1{font-size:clamp(44px,6vw,80px);color:#4b3023;line-height:1.48;margin:23px 0 15px;letter-spacing:.07em}.landing p{color:#685443;font-size:15px;line-height:2.2}.landing-buttons,.actions{display:flex;gap:14px;margin-top:35px;flex-wrap:wrap}.gold-btn,.line-btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:13px 22px;border-radius:7px;white-space:nowrap}.gold-btn{background:#885233;color:#fff;box-shadow:0 4px 14px #88523333}.line-btn{background:#fbf5e8;border:1px solid #ad8659;color:#735139}.gold-btn:hover{background:#723d27}.line-btn:hover{background:#efdfc5}.landing-notice{margin-top:26px;font-size:12px;color:#80674d}.onboard,.reading,.feedback{max-width:1540px;margin:0 auto;padding:30px 30px 65px}.onboard h1,.feedback h1{font-size:43px;color:#633d2d;text-align:center;margin:6px}.onboard>.eyebrow,.feedback>.eyebrow{text-align:center}.back-link{background:none;display:inline-flex;align-items:center;color:#846044;padding:8px;gap:4px}.hint{font-size:13px;text-align:center;color:#85725d}.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.profile-card{text-align:left;background:#fff9ee;border:2px solid #ddc6a3;border-radius:13px;padding:25px;color:#4e372b;position:relative;min-height:285px}.profile-card.chosen{border-color:#965d35;box-shadow:0 8px 20px #c4a37c44}.profile-index{font-size:12px;color:#ae8554}.profile-card .profile-description{font-size:13px;color:#846c57;line-height:1.8;margin:22px 0 0;min-height:44px}.profile-bars{display:grid;gap:11px;margin-top:21px}.bar-row{display:flex;align-items:center;gap:12px;font-size:11px}.bar-row span{min-width:60px}.bar-row i{background:#e6d8c2;border-radius:20px;height:7px;flex:1;overflow:hidden}.bar-row b{display:block;height:100%;background:#b2854c}.profile-card .selected{display:inline-flex;align-items:center;gap:3px;position:absolute;right:15px;top:15px;border-radius:6px;background:#74422b;color:#fff;font-size:11px;padding:5px 8px}.onboard>.actions{justify-content:center}.quiz{max-width:690px;margin:25px auto;padding:25px;background:#fff9ec;border:1px solid #dbc49f;border-radius:12px}.quiz p{font-size:12px;color:#886f59}.quiz label{display:grid;grid-template-columns:80px 1fr 20px;gap:14px;margin:17px 0;align-items:center;font-size:13px}.quiz input{accent-color:#945a37}.reading{max-width:1620px}.reader-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.reader-head h1{font-size:35px;color:#533124;margin:5px 0 18px}.reader-settings{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.reader-settings label{font-size:12px}.reader-settings select,.reader-dropdown select{background:#fff8e9;border:1px solid #c9a878;border-radius:7px;padding:10px;color:#543a2b}.compact{padding:9px 13px;font-size:13px}.chapter-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:9px 0 18px}.chapter-strip button{background:#eee0c8;color:#624936;border:1px solid #d7bc91;border-radius:8px;padding:13px;display:flex;align-items:center;gap:10px;text-align:left}.chapter-strip button span{font-size:11px;white-space:nowrap;opacity:.75}.chapter-strip button strong{font-size:14px}.chapter-strip button.current{background:#fdf3df;border-color:#a6743f;box-shadow:0 2px 8px #b38a4e22}.mode-switch{display:flex;align-items:center;justify-content:space-between;gap:13px;margin:0 0 18px;flex-wrap:wrap}.mode-tabs{display:flex;align-items:center;padding:4px;background:#e7d9c3;border-radius:8px;gap:2px}.mode-tabs button{background:transparent;color:#7e6550;padding:9px 14px;border-radius:6px;font-size:13px}.mode-tabs button.active{background:#fff9ed;color:#573a29;box-shadow:0 1px 5px #5d432233}.reader-dropdown{display:flex;align-items:center;gap:10px;font-size:12px}.bridge-warning{color:#94502f}.reader-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,.8fr);gap:22px}.visual-column,.side-column{min-width:0}.art-border{border:6px solid #876447;border-radius:9px;overflow:hidden;background:#402d22;box-shadow:0 6px 22px #56371a22}.art-head{display:flex;justify-content:space-between;gap:8px;background:#433022;color:#f3d9ad;padding:12px 16px;font-size:12px;letter-spacing:.05em}.art-canvas{position:relative;line-height:0;cursor:default}.art-canvas>img{display:block;width:100%;height:auto}.character-point{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:5px;background:transparent;border:0;line-height:1.3;z-index:2;filter:drop-shadow(0 3px 2px #301c17aa)}.point-circle{width:36px;height:36px;border:3px solid #f7dfad;background:#98632c;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 2px #8d532b,0 0 14px #f1d78e}.point-circle span{width:10px;height:10px;background:#fff7dd;border-radius:50%}.point-caption{border:1px solid #b98236;background:#fbedd0;color:#483022;border-radius:5px;padding:5px 11px;font-size:13px;font-weight:700;white-space:nowrap}.character-point:hover .point-circle,.character-point:focus-visible .point-circle{box-shadow:0 0 0 7px #f4d28099,0 0 25px #edb96d}.calibration-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#fff6df;color:#623d20;border:2px solid #b0844e;padding:12px 18px;border-radius:8px;line-height:1.3;white-space:nowrap;z-index:3}.art-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#4a3325;color:#e7cda3;padding:10px 16px;font-size:11px}.art-footer span{display:inline-flex;align-items:center;gap:6px}.empty-art{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e9d5b6;text-align:center;padding:36px;gap:5px;background:radial-gradient(circle,#755940,#382920)}.empty-art p{font-size:12px;max-width:460px}.viewbar{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:14px 0 21px}.viewbar button{background:#f8ecd6;border:1px solid #d0af7c;color:#805d40;border-radius:5px;padding:9px 14px;font-size:13px;display:inline-flex;gap:6px;align-items:center}.viewbar button.selected{background:#855039;color:#fff;border-color:#855039}.sourcebox,.insight-card,.side-foot{background:#fff8e9;border:1px solid #dcc39d;border-radius:9px;padding:22px}.source-title,.field-title{display:flex;align-items:center;gap:8px;color:#88582f;font-weight:700;font-size:14px}.sourcebox>p{font-size:15px;line-height:2.25;font-family:SimSun,STSong,serif;color:#4c382c;white-space:pre-wrap}.boundary{display:flex;gap:9px;padding:12px;background:#f3e6cf;color:#7c6144;font-size:12px;line-height:1.8;border-left:3px solid #be995f}.boundary svg{flex-shrink:0}.insight-card{padding:23px}.corner-title{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#9d7a53}.insight-card h2{font-size:33px;margin:15px 0 7px;color:#4f3025}.intro-text{font-size:13px;color:#7f6b58}.people-options{display:grid;gap:8px;margin:21px 0 27px}.people-options button{background:#f5ead9;border:1px solid #dfc7a4;color:#644831;text-align:left;padding:12px;border-radius:5px;display:flex;align-items:center;gap:11px}.people-options button svg{margin-left:auto}.people-options button.selected{background:#edd3ae;border-color:#ab7841;font-weight:700}.role-dot{width:10px;height:10px;border-radius:50%}.focus{border-left:3px solid #bf8a47;background:#f6ecd9;padding:13px;margin:12px 0}.focus strong{font-size:13px}.focus p{font-size:13px;line-height:1.75;margin:6px 0}.focus small{font-size:11px;color:#927962}.voice{border-top:1px solid #dcc6a7;margin-top:17px;padding-top:11px}.voice h3{font-size:18px}.voice p{font-size:14px;line-height:2;white-space:pre-wrap}.voice blockquote{border-left:3px solid #c19965;padding-left:12px;color:#826848;font-size:12px}.voice-empty{color:#977c5b;font-size:12px;background:#f3e8d4;padding:12px;line-height:1.75}.tools{margin-top:20px;border-top:1px solid #e1ceb2;padding-top:12px}.tools>button{display:flex;align-items:center;gap:6px;font-size:12px;color:#745034;background:transparent}.tool-body{padding:12px 0;font-size:12px;color:#806b57;line-height:1.7}.tool-buttons{display:flex;gap:6px;flex-wrap:wrap}.tool-buttons button,.reset-markers{padding:8px;background:#f4e8d6;border:1px solid #d9bf99;border-radius:4px;color:#795336;font-size:11px}.tool-buttons button.active{background:#895035;color:#fff}.reset-markers{margin-top:12px;display:flex;gap:5px;align-items:center}.side-foot{margin-top:15px;display:flex;align-items:flex-start;gap:10px;background:#f4ebd9;color:#876d52;padding:16px}.side-foot p{font-size:12px;line-height:1.8;margin:0}.side-foot svg{flex-shrink:0}.error-box{margin-top:12px;color:#933c2e;border:1px solid #d7afa6;background:#fff0e9;padding:12px;border-radius:5px;font-size:12px}.chapter-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:10px}.chapter-footer button{display:flex;align-items:center;gap:7px;border-radius:5px;background:#8b5839;color:#fff;padding:10px 16px}.chapter-footer span{font-size:12px;color:#84664c}.read-note{font-size:12px;text-align:center;color:#8f7860;margin-top:17px}.feedback{max-width:1150px}.feedback h1{margin-bottom:33px}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feedback-grid section{padding:27px;background:#fff7e8;border:1px solid #dbbf94;border-radius:10px}.feedback-grid h2{font-size:24px}.feedback-grid p{font-size:13px;color:#76604c}.score-row{display:flex;gap:9px;margin:22px 0}.score-row button{width:45px;height:45px;border:1px solid #c4a374;background:#efdfc6;color:#745134;border-radius:7px}.score-row button.active{color:#fff;background:#885039}.comments{display:grid;gap:8px;font-size:13px}.comments textarea{padding:12px;border:1px solid #ceb48c;background:#fffcf5;border-radius:6px;resize:vertical}.feedback-grid .gold-btn{margin-top:20px}.note{font-size:12px;line-height:1.7;padding:13px;background:#efe3cf;margin:20px 0;color:#84644d}.footer{padding:18px 35px;background:#30251e;color:#ccb38e;display:flex;justify-content:space-between;gap:16px;font-size:11px}@media(max-width:1070px){.reader-grid{grid-template-columns:1fr}.reading{max-width:950px}.side-column{display:grid;grid-template-columns:1fr}.profiles{grid-template-columns:1fr}.profile-card{min-height:0}.reader-head{align-items:flex-start;flex-direction:column}.side-foot{margin-top:15px}}@media(max-width:720px){.masthead{padding:0 12px}.logo small,.profile-pill{display:none}.logo strong{font-size:17px}.landing{background:linear-gradient(90deg,#f6ebd8e6,#f6ebd8bf),url(/images/b-entrance-panorama.webp) center/cover}.landing-content{padding:55px 20px}.landing h1{font-size:45px}.reading,.onboard,.feedback{padding:20px 12px 50px}.chapter-strip{grid-template-columns:1fr}.reader-head h1{font-size:28px}.reader-settings{justify-content:space-between}.reader-settings select{max-width:185px}.mode-switch{align-items:flex-start}.mode-tabs{width:100%}.mode-tabs button{flex:1;font-size:11px}.point-circle{width:23px;height:23px}.point-caption{font-size:10px;padding:2px 5px}.art-head,.art-footer{font-size:10px}.reader-grid{gap:13px}.sourcebox,.insight-card{padding:17px}.viewbar{gap:5px}.viewbar button{font-size:11px;padding:7px}.feedback-grid{grid-template-columns:1fr}.footer{flex-direction:column;align-items:center;text-align:center}}.source-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#705035;font-size:12px;padding:9px 15px;background:#f6ebd6;border:1px solid #dfcaac;border-radius:8px}.source-summary svg{color:#907039;flex-shrink:0}.source-summary strong{color:#6c482d}.source-summary span{color:#8d765a}.character-hitarea{position:absolute;transform:translate(-50%,-50%);width:15%;height:60%;border:2px solid transparent;background:transparent;border-radius:45% 45% 22% 22%;z-index:1;cursor:pointer;line-height:0}.character-hitarea:hover,.character-hitarea:focus-visible{border-color:#f4d79d80;background:#f7db9340;outline-offset:0}.character-point{z-index:3}@media(max-width:720px){.character-hitarea{width:17%;height:50%}.source-summary{font-size:11px}}.cast-source-note,.cast-reason{font-size:12px;color:#846649;line-height:1.7;margin:12px 4px}.cast-reason{border-left:2px solid #cba66c;padding-left:10px}.art-canvas.interactive{cursor:pointer}.art-canvas.calibration{cursor:crosshair}.character-chooser{position:absolute;transform:translate(-50%,-50%);min-width:205px;max-width:calc(100% - 18px);z-index:5;padding:12px;background:#fff7e7;border:2px solid #b58851;border-radius:9px;color:#553823;line-height:1.5;box-shadow:0 8px 26px #3020169c;cursor:default}.chooser-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;font-weight:700;white-space:nowrap}.chooser-heading button{background:transparent;color:#8d6542;font-size:22px;line-height:1;padding:0 4px}.chooser-options{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chooser-options button{border:1px solid #d6b58d;border-radius:5px;background:#f5e5ca;color:#663f2a;padding:6px 10px;font-size:12px}.chooser-options button:hover,.chooser-options button:focus-visible{background:#dfbc8b}.art-canvas.calibration .character-point{pointer-events:none}