:root{
  --paper:#fffdf4;
  --paper-deep:#f4ecd8;
  --ink:#211c16;
  --muted:#6b6256;
  --line:#a49a86;
  --blue:#29476f;
  --blue-dark:#17375f;
  --blue-pale:#e9eef5;
  --maroon:#812129;
  --maroon-dark:#5d0c12;
  --gold:#cbae55;
  --notice:#fff8c9;
  --green:#315c47;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#aaa9a3}
body{
  margin:0;
  min-width:320px;
  color:var(--ink);
  background:repeating-linear-gradient(0deg,#cac7bf 0,#cac7bf 2px,#c4c1b9 2px,#c4c1b9 4px);
  font:17px/1.75 "PMingLiU","MingLiU","Microsoft JhengHei",serif;
}
a{color:#0645ad}
img{display:block;max-width:100%}
h1,h2,h3,h4{font-family:"DFKai-SB","BiauKai","KaiTi","Microsoft JhengHei",serif;font-weight:400}
p{margin:0 0 1em}

.skip-link{position:fixed;z-index:9999;left:12px;top:-80px;padding:8px 14px;background:#fff;color:#111;border:2px solid #111}
.skip-link:focus{top:12px}

.guide-site{
  width:min(1180px,calc(100% - 24px));
  min-height:100vh;
  margin:0 auto;
  border-right:3px solid #28251f;
  border-left:3px solid #28251f;
  background:var(--paper);
  box-shadow:0 0 17px #696761;
}
.site-strip{padding:5px 10px;border-bottom:1px solid #9b9165;background:#fffdbb;color:#8d090d;text-align:center;font:13px/1.5 Arial,"Microsoft JhengHei",sans-serif;letter-spacing:.04em}
.guide-header{display:grid;grid-template-columns:92px minmax(0,1fr) 270px;align-items:center;gap:22px;min-height:156px;padding:18px 26px;border-bottom:6px solid var(--gold);background:var(--maroon);color:#fff}
.guide-seal{display:grid;place-items:center;width:88px;height:88px;border:4px double #bca260;background:#fffce9;color:#1e385b;text-align:center;font:38px/1.05 "DFKai-SB","BiauKai",serif}
.guide-title{min-width:0}
.guide-title .eyebrow{margin:0 0 5px;color:#ffe9ad;font:bold 13px/1.3 Arial,"Microsoft JhengHei",sans-serif;letter-spacing:.16em}
.guide-title h1{margin:0;color:#fff;font-size:40px;line-height:1.18;letter-spacing:.07em;text-shadow:2px 2px #3a080b}
.guide-title>p:last-child{margin:8px 0 0;color:#fff5d9;font-size:16px}
.spoiler-stamp{justify-self:end;width:250px;padding:15px 18px;border:4px double #111;background:#fff;color:#111;text-align:center;box-shadow:5px 5px 0 rgba(0,0,0,.3);transform:rotate(-1deg)}
.spoiler-stamp strong{display:block;color:#990006;font:700 31px/1.15 "Microsoft JhengHei",sans-serif;letter-spacing:.16em}
.spoiler-stamp span{display:block;margin-top:7px;color:#444;font:12px/1.5 Arial,"Microsoft JhengHei",sans-serif}

.top-nav{display:flex;min-height:46px;border-top:2px outset #728aab;border-bottom:2px outset #728aab;background:var(--blue)}
.top-nav a{display:block;padding:11px 17px;border-right:2px groove #7c90aa;color:#fff;font:14px/1.45 Arial,"Microsoft JhengHei",sans-serif;text-decoration:underline}
.top-nav a:hover,.top-nav a:focus-visible{background:var(--blue-dark);color:#fff67a}

.guide-layout{display:grid;grid-template-columns:226px minmax(0,1fr);align-items:start}
.chapter-index{position:sticky;top:0;max-height:100vh;overflow:auto;border-right:1px solid #9f9889;background:#ece7dc}
.chapter-index h2{margin:0;padding:17px 18px 12px;border-bottom:3px double #8f8678;color:#5c090d;font-size:25px}
.chapter-index ol{margin:0;padding:8px 0;list-style:none}
.chapter-index li{border-bottom:1px dotted #aaa18f}
.chapter-index a{display:block;padding:8px 13px;color:#17375f;font:14px/1.45 Arial,"Microsoft JhengHei",sans-serif;text-decoration:none}
.chapter-index a[data-step]::before{content:attr(data-step) ". ";color:#8b161c;font-weight:bold}
.chapter-index .index-overview a{font-weight:bold}
.chapter-index .index-unit{border-top:3px double #a29a8b;background:#ddd6c8}
.chapter-index .index-unit a{color:#5c090d;font-weight:bold}
.chapter-index a:hover,.chapter-index a:focus-visible,.chapter-index a.is-current{background:#fff8c9;color:#7d1115;text-decoration:underline}
.index-note{margin:12px;padding:11px;border:1px dashed #a78b38;background:#fff8c9;color:#514833;font-size:13px;line-height:1.6}

.guide-article{min-width:0;padding:30px 34px 55px}
.anchor-section{scroll-margin-top:16px}
.page-heading{margin:0 0 16px;padding:0 0 10px;border-bottom:4px double #8f8678;color:#681016;font-size:32px;line-height:1.3;letter-spacing:.06em}
.lead{font-size:18px;line-height:1.85}
.notice-box{margin:0 0 24px;padding:14px 18px;border:1px dashed #a0191c;border-left:8px solid #a0191c;background:var(--notice)}
.notice-box strong{display:block;margin-bottom:4px;color:#7d1115;font-size:18px}
.notice-box p:last-child{margin-bottom:0}
.spoiler-notice{border-style:solid;border-color:#6c1116;background:#fff1da}

.unit-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.unit-preview-grid section{position:relative;min-height:150px;padding:18px 18px 15px 72px;border:1px solid #8d8578;background:#f7f2e7;box-shadow:3px 3px 0 #d6d0c3}
.unit-preview-grid h3{margin:0 0 8px;color:#17375f;font-size:23px}
.unit-preview-grid p{margin:0;font-size:15px;line-height:1.65}
.unit-number{position:absolute;left:16px;top:16px;color:#8b161c;font:700 37px/1 Arial,sans-serif}
.quick-route{margin:28px 0 15px;padding:16px 18px 18px;border:1px solid #8e8677;background:#fff}
.quick-route h3{margin:0 0 13px;color:#5c090d;font-size:23px}
.quick-route ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.quick-route li{min-height:82px;padding:10px 8px;border:1px solid #9ca8b8;background:#eef2f7;font:13px/1.45 Arial,"Microsoft JhengHei",sans-serif}
.quick-route li span{display:block;margin-bottom:5px;color:#8b161c;font:bold 21px/1 Arial,sans-serif}

.unit-section{margin-top:52px}
.unit-banner{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;margin:0 -34px 34px;padding:21px 34px;border-top:7px solid var(--gold);border-bottom:3px solid var(--maroon-dark);background:var(--maroon);color:#fff}
.unit-banner>span{color:#ffe9ad;font:bold 16px/1.4 Arial,"Microsoft JhengHei",sans-serif;letter-spacing:.16em}
.unit-banner h2{margin:0;color:#fff;font-size:34px;line-height:1.3;letter-spacing:.07em}
.unit-banner p{margin:4px 0 0;color:#fff5d9;font-size:15px}
.unit-banner.second-unit{background:var(--blue);border-bottom-color:#0e2848}
.unit-banner.third-unit{background:#5b5427;border-bottom-color:#302b10}

.step-section{margin:0 0 52px;padding-bottom:46px;border-bottom:1px dotted #8d867a}
.step-heading{display:flex;align-items:center;gap:15px;margin-bottom:16px}
.step-no{display:grid;place-items:center;flex:0 0 65px;width:65px;height:65px;border:3px double #70454a;background:#fff7df;color:#7d1115;font:bold 25px/1 Arial,sans-serif}
.step-kicker{margin:0;color:#6d675d;font:bold 12px/1.25 Arial,"Microsoft JhengHei",sans-serif;letter-spacing:.16em}
.step-heading h3{margin:3px 0 0;color:#17375f;font-size:29px;line-height:1.25}
.task-panel{margin:20px 0;padding:16px 20px;border:1px solid #a49b87;background:#f7f1df}
.task-panel h4{margin:0 0 8px;color:#5c090d;font-size:21px}
.task-panel ul{margin:0;padding-left:1.4em}
.task-panel li{margin:5px 0}

.shot-grid{display:grid;gap:16px;margin:24px 0}
.shot-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-shot{margin:0;border:1px solid #8e8678;background:#fff;box-shadow:2px 2px 0 #d4cfc4}
.guide-shot a{display:block;position:relative;overflow:hidden;border-bottom:1px solid #aaa;background:#e5e3dd}
.guide-shot a::after{content:"點圖放大";position:absolute;right:7px;bottom:7px;padding:3px 6px;border:1px solid #132a4b;background:#29476f;color:#fff;font:11px/1.25 Arial,"Microsoft JhengHei",sans-serif;opacity:.9}
.guide-shot img{width:100%;height:250px;object-fit:contain;background:#e7e4dc}
.guide-shot figcaption{padding:9px 11px;color:#51493e;font-size:14px;line-height:1.55}
.wide-shot img{height:auto;max-height:560px}
.read-columns,.tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.read-columns section,.tool-list section{padding:14px;border:1px solid #a8a095;background:#fff}
.read-columns h4,.tool-list h4{margin:0 0 5px;color:#17375f;font-size:19px}
.read-columns p,.tool-list p{margin:0;font-size:14px;line-height:1.6}
.tool-list section>span{display:inline-block;margin-bottom:7px;padding:2px 7px;border:1px solid #8c1117;background:#a61b22;color:#fff;font:11px/1.4 Arial,"Microsoft JhengHei",sans-serif}
.formula-box{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0;padding:18px;border:4px double #6b7687;background:#e9eef5;text-align:center}
.formula-box span{padding:7px 10px;border:1px solid #8f99aa;background:#fff;color:#17375f;font-weight:bold}
.formula-box b{color:#8b161c;font-size:23px}
.deduction-path{display:grid;gap:10px;margin:20px 0;counter-reset:path}
.deduction-path>div{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;border:1px solid #a49b87;background:#f7f1df}
.deduction-path span{height:100%;padding:12px 10px;background:#29476f;color:#fff;text-align:center;font:bold 13px/1.5 Arial,"Microsoft JhengHei",sans-serif}
.deduction-path p{margin:0;padding:11px 14px;font-size:15px;line-height:1.65}
.login-answer{width:min(440px,100%);margin:24px auto;padding:16px 18px;border:5px double #5d0c12;background:#fffbed;text-align:center;box-shadow:4px 4px 0 #d4c7aa}
.login-answer>p{margin:0 0 10px;color:#5d0c12;font-size:20px;font-weight:bold}
.login-answer dl{display:grid;grid-template-columns:110px 1fr;margin:0;border-top:1px solid #9e9584;border-left:1px solid #9e9584;text-align:left}
.login-answer dt,.login-answer dd{margin:0;padding:8px 12px;border-right:1px solid #9e9584;border-bottom:1px solid #9e9584}
.login-answer dt{background:#e9e3d5;font-weight:bold}.login-answer dd{font:bold 20px/1.4 "Courier New",monospace}
.login-answer small{display:block;margin-top:9px;color:#6b6256}
.checkpoint{border-color:#56755f;border-left-color:#315c47;background:#edf7e9}
.checkpoint strong{color:#315c47}

.evidence-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 38px}
.evidence-overview article{position:relative;min-height:155px;padding:17px 88px 17px 17px;border:1px solid #8d8578;background:#f7f2e7}
.evidence-overview span{color:#8b161c;font:bold 12px/1.4 Arial,"Microsoft JhengHei",sans-serif;letter-spacing:.12em}
.evidence-overview h3{margin:5px 0;color:#17375f;font-size:23px}
.evidence-overview p{margin:0;font-size:14px;line-height:1.55}
.evidence-overview b{position:absolute;right:12px;top:15px;display:grid;place-items:center;width:64px;height:64px;border:2px solid #29476f;border-radius:50%;background:#fff;color:#29476f;text-align:center;font:700 13px/1.3 Arial,"Microsoft JhengHei",sans-serif}
.evidence-chain{margin:0 0 48px;padding-bottom:44px;border-bottom:3px double #9c9384}
.evidence-chain>header{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:13px 16px;border-left:9px solid #812129;background:#eee8dc}
.chain-number{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border:3px double #6e0e14;background:#fff;color:#7d1115;font-size:28px}
.evidence-chain header p{margin:0;color:#6b6256;font:bold 12px/1.4 Arial,"Microsoft JhengHei",sans-serif;letter-spacing:.1em}
.evidence-chain header h3{margin:2px 0 0;color:#17375f;font-size:28px;line-height:1.3}
.evidence-list{margin:0;padding:0;list-style:none;border-top:1px solid #a99f8e}
.evidence-list>li{display:grid;grid-template-columns:175px minmax(0,1fr);border-right:1px solid #a99f8e;border-bottom:1px solid #a99f8e;border-left:1px solid #a99f8e}
.evidence-list time{padding:15px 13px;border-right:1px solid #a99f8e;background:#eee8dc;color:#594d40;font-weight:bold}
.evidence-list>li>div{padding:13px 15px}
.evidence-list h4{margin:0 0 5px;color:#17375f;font-size:20px}
.evidence-list p{margin:0 0 7px;font-size:15px;line-height:1.65}
.evidence-list p:last-child{margin-bottom:0}
.tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.tags-label{margin-right:3px;color:#4c3b24;font-weight:700;font-size:13px}
.section-intro{margin:-6px 0 24px;color:#5f5548}
.tags span{display:inline-block;padding:2px 7px;border:1px solid #8e9aab;background:#eef2f7;color:#17375f;font:12px/1.4 Arial,"Microsoft JhengHei",sans-serif}
.case-note{margin:18px 0 0;padding:14px 17px;border:1px solid #8b98ab;border-left:8px solid #29476f;background:#e9eef5}
.case-note strong{display:block;color:#17375f;font-size:17px}
.case-note p{margin:3px 0 0}
.chain-shots{margin-top:18px}

.answer-section,.reconstruction-section,.ending-section{margin:54px 0 0}
.table-wrap{width:100%;overflow:auto;border:1px solid #7d7466;background:#fff}
table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px;line-height:1.5}
th,td{padding:9px 10px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;text-align:left;vertical-align:top}
th{background:#dcd6c9;color:#281f18;font-weight:bold}
tbody tr:nth-child(even){background:#f7f3e9}
td:first-child{width:50px;text-align:center;font-weight:bold}
td:nth-child(2){width:130px;white-space:nowrap}
td:last-child{color:#17375f;font-family:Arial,"Microsoft JhengHei",sans-serif}
.report-example{margin-top:18px;padding:16px 18px;border:1px solid #a49b87;background:#f7f1df}
.report-example h3{margin:0 0 6px;color:#5c090d;font-size:22px}
.example-text{margin:10px 0 0;padding:12px 14px;border-left:5px solid #29476f;background:#fff;color:#34302b;font-size:14px}
.case-timeline{margin:22px 0;padding:0;list-style:none;border-left:5px solid #29476f}
.case-timeline li{display:grid;grid-template-columns:130px minmax(0,1fr);position:relative;padding:0 0 20px 24px}
.case-timeline li::before{content:"";position:absolute;left:-10px;top:7px;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#812129;box-shadow:0 0 0 1px #812129}
.case-timeline time{color:#7d1115;font-weight:bold}
.case-timeline p{margin:0}
.case-timeline .unresolved{padding-top:12px;border-top:1px dashed #a99f8e}
.legal-note{border-color:#8b7430;border-left-color:#8b7430;background:#fff8c9}
.legal-note strong{color:#6c5207}
.ending-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.ending-flow section{position:relative;min-height:120px;padding:15px 15px 14px 62px;border:1px solid #9ca8b8;background:#eef2f7}
.ending-flow span{position:absolute;left:15px;top:15px;display:grid;place-items:center;width:34px;height:34px;border:2px solid #17375f;background:#fff;color:#17375f;font:bold 18px/1 Arial,sans-serif}
.ending-flow h3{margin:0 0 6px;color:#17375f;font-size:20px}
.ending-flow p{margin:0;font-size:14px;line-height:1.55}
.reset-note{padding:11px 14px;border:1px dashed #8e8677;background:#f7f1df}
.subheading{margin:32px 0 13px;padding-bottom:7px;border-bottom:1px dotted #8d867a;color:#681016;font-size:25px}
.easter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.easter-grid article{padding:15px;border:1px solid #a49b87;background:#fff}
.easter-grid h4{margin:0 0 6px;color:#17375f;font-size:20px}
.easter-grid p{margin:0 0 9px;font-size:14px;line-height:1.6}
.easter-grid small{display:inline-block;padding:2px 7px;border:1px solid #8b161c;color:#8b161c;background:#fff8ef}
.final-hint{margin-top:20px}

.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:55px;padding:10px 18px;border-top:4px double #8d8578;background:#e6e2d8;font-size:12px}
.guide-footer p{margin:0}
.back-to-top{position:fixed;right:20px;bottom:20px;z-index:30;width:45px;height:45px;border:2px outset #7788a2;background:#29476f;color:#fff;font:bold 17px/1 Arial;cursor:pointer;box-shadow:2px 2px 5px rgba(0,0,0,.3)}
.back-to-top:hover,.back-to-top:focus-visible{background:#17375f;color:#fff67a}

.image-dialog{width:min(1080px,calc(100vw - 30px));max-height:calc(100vh - 30px);padding:12px;border:4px double #d8d8d8;background:#111;color:#fff;box-shadow:0 0 0 9999px rgba(7,12,20,.82)}
.image-dialog::backdrop{background:rgba(7,12,20,.82)}
.image-dialog form{position:absolute;right:18px;top:18px;z-index:2;margin:0}
.image-dialog button{display:grid;place-items:center;width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:#101b2c;color:#fff;font:34px/1 Arial;cursor:pointer}
.image-dialog img{width:100%;max-height:calc(100vh - 120px);object-fit:contain;background:#111}
.image-dialog p{margin:8px 45px 0;text-align:center;font:14px/1.5 Arial,"Microsoft JhengHei",sans-serif}

@media(max-width:960px){
  .guide-header{grid-template-columns:74px minmax(0,1fr);gap:16px}.guide-seal{width:70px;height:70px;font-size:30px}.guide-title h1{font-size:32px}.spoiler-stamp{grid-column:1/-1;justify-self:stretch;width:auto;transform:none;padding:10px}.spoiler-stamp strong{display:inline;font-size:22px}.spoiler-stamp span{display:inline;margin-left:12px}
  .top-nav{flex-wrap:wrap}.top-nav a{flex:1 1 30%;text-align:center}
  .guide-layout{display:block}.chapter-index{position:relative;max-height:none;border-right:0;border-bottom:3px double #8f8678}.chapter-index ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px}.chapter-index li{border:1px solid #c0b8a8}.chapter-index a{padding:7px 9px}.index-note{display:none}
}

@media(max-width:700px){
  body{font-size:16px}.guide-site{width:100%;border:0}.site-strip{font-size:11px}.guide-header{padding:14px}.guide-title h1{font-size:27px;letter-spacing:.03em}.guide-title>p:last-child{font-size:13px}.top-nav a{flex:1 1 50%;padding:9px 7px;font-size:12px}.chapter-index h2{font-size:21px}.chapter-index ol{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}.chapter-index a{font-size:12px}
  .guide-article{padding:22px 14px 40px}.page-heading{font-size:27px}.lead{font-size:16px}.unit-preview-grid,.shot-grid.two-col,.evidence-overview,.ending-flow,.easter-grid{grid-template-columns:1fr}.quick-route ol{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-route li{min-height:70px}.unit-banner{grid-template-columns:1fr;margin:0 -14px 28px;padding:18px 16px}.unit-banner h2{font-size:28px}.step-heading h3{font-size:25px}.read-columns,.tool-list{grid-template-columns:1fr}.formula-box{flex-direction:column;gap:7px}.formula-box b{line-height:1}.deduction-path>div{grid-template-columns:1fr}.deduction-path span{text-align:left}.guide-shot img{height:auto;max-height:430px}.evidence-overview article{min-height:135px}.evidence-list>li{grid-template-columns:1fr}.evidence-list time{border-right:0;border-bottom:1px solid #a99f8e}.evidence-chain header h3{font-size:23px}.case-timeline li{grid-template-columns:90px minmax(0,1fr);padding-left:19px}.guide-footer{display:block;text-align:center}.guide-footer a{display:inline-block;margin-top:5px}
}

@media(max-width:430px){
  .guide-header{grid-template-columns:56px minmax(0,1fr)}.guide-seal{width:54px;height:54px;font-size:23px}.guide-title h1{font-size:22px}.spoiler-stamp strong{display:block}.spoiler-stamp span{display:block;margin:4px 0 0}.chapter-index ol{grid-template-columns:1fr}.quick-route ol{grid-template-columns:1fr}.step-no{flex-basis:51px;width:51px;height:51px;font-size:20px}.step-heading{gap:10px}.step-heading h3{font-size:22px}.chain-number{flex-basis:45px;width:45px;height:45px;font-size:23px}.case-timeline li{grid-template-columns:1fr;gap:3px}.back-to-top{right:10px;bottom:10px}
}

@media print{
  html,body{background:#fff}.guide-site{width:100%;border:0;box-shadow:none}.site-strip,.top-nav,.chapter-index,.back-to-top,.image-dialog{display:none!important}.guide-layout{display:block}.guide-article{padding:0 20px}.guide-header{background:#fff;color:#111;border:2px solid #111}.guide-title h1,.guide-title>p:last-child{color:#111;text-shadow:none}.guide-title .eyebrow{color:#555}.unit-banner{margin:24px 0;background:#eee;color:#111;border-color:#111;break-after:avoid}.unit-banner h2,.unit-banner p,.unit-banner>span{color:#111}.guide-shot,.evidence-chain,.answer-section{break-inside:avoid}.guide-shot a::after{display:none}.guide-footer{display:none}
}
body.guide-chat-open{overflow:hidden}
.guide-chat-gate{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:18px;background:rgba(16,24,36,.72);font-family:Arial,"Microsoft JhengHei",sans-serif}
.guide-chat-gate[hidden]{display:none}
.guide-chat-gate.is-opening{animation:guide-chat-backdrop-in .28s ease-out both}
.guide-chat-gate.is-opening .guide-chat-window{animation:guide-chat-pop-in .34s cubic-bezier(.2,.85,.32,1.18) both}
.guide-chat-window{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;width:min(720px,calc(100vw - 28px));height:min(760px,calc(100vh - 28px));overflow:hidden;border:1px solid #17375f;border-radius:7px;background:#eef3f9;box-shadow:0 18px 50px rgba(0,0,0,.48)}
.guide-chat-header{display:flex;align-items:center;gap:16px;min-height:96px;padding:14px 22px;background:linear-gradient(#315f8a,#28567f);color:#fff}
.guide-chat-group-avatars{display:flex;align-items:center;min-width:102px}
.guide-chat-avatar{position:relative;display:block;flex:0 0 auto;width:58px;height:58px;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#18263a;box-shadow:0 1px 5px rgba(0,0,0,.35)}
.guide-chat-avatar+.guide-chat-avatar{margin-left:-14px}
.guide-chat-avatar img{position:absolute;top:-9%;width:180%;max-width:none;height:auto;transform:scale(2)}
.guide-chat-avatar--boyu img{left:-22%;transform-origin:40% 44%}
.guide-chat-avatar--kaixiang img{left:-79%;transform-origin:72% 44%}
.guide-chat-title{margin:0;font-size:25px;font-weight:700;line-height:1.3}
.guide-chat-subtitle{margin:3px 0 0;color:#dfeeff;font-size:13px;line-height:1.4}
.guide-chat-sound-button{margin-left:auto;flex:0 0 auto;padding:7px 11px;border:1px solid #dceafa;border-radius:4px;background:#f7fbff;color:#214d77;font:bold 13px/1.2 Arial,"Microsoft JhengHei",sans-serif;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.guide-chat-sound-button[hidden]{display:none}
.guide-chat-sound-button:hover,.guide-chat-sound-button:focus-visible{outline:3px solid #f4cf55;outline-offset:2px}
.guide-chat-log{min-height:0;overflow-y:auto;padding:18px 20px 8px;scroll-behavior:smooth;outline:none}
.guide-chat-line{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:end;gap:10px;margin:0 0 12px;animation:guide-chat-arrive .24s ease-out both}
.guide-chat-line .guide-chat-avatar{width:46px;height:46px;border-width:2px}
.guide-chat-message{max-width:86%;justify-self:start}
.guide-chat-sender{display:block;margin:0 0 3px;color:#5b6e84;font-size:12px;line-height:1.3}
.guide-chat-bubble{padding:10px 13px;border:1px solid #c3cfdd;border-radius:6px 14px 14px 14px;background:#fff;color:#283b52;font-size:16px;line-height:1.55;box-shadow:0 1px 2px rgba(28,48,72,.12);white-space:pre-wrap}
.guide-chat-line--kaixiang .guide-chat-bubble{border-color:#d0cabd;background:#fffaf0;color:#403a31}
.guide-chat-line--player{display:flex;width:100%;justify-content:flex-end}
.guide-chat-line--player .guide-chat-message{display:flex;max-width:82%;margin-left:auto;flex-direction:column;align-items:flex-end}
.guide-chat-line--player .guide-chat-sender{text-align:right}
.guide-chat-line--player .guide-chat-bubble{border-color:#2b5b88;border-radius:14px 6px 14px 14px;background:#2b5b88;color:#fff}
.guide-chat-time{display:block;margin-top:5px;color:#718096;font-size:12px;line-height:1.25}
.guide-chat-line--player .guide-chat-time{text-align:right;color:#687b90}
.guide-chat-image-post{display:block;overflow:hidden;border:1px solid #a8b5c4;border-radius:7px;background:#111;color:#fff;text-decoration:none;box-shadow:0 1px 3px rgba(28,48,72,.2)}
.guide-chat-image-post img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:#111}
.guide-chat-image-post span{display:block;padding:9px 12px;background:#172333;color:#fff;font-size:13px;line-height:1.45}
.guide-chat-image-post:hover,.guide-chat-image-post:focus-visible{outline:3px solid #f4cf55;outline-offset:2px}
.guide-chat-typing{display:flex;align-items:center;gap:8px;min-height:31px;padding:2px 76px 8px;color:#67798d;font-size:12px}
.guide-chat-typing[hidden]{visibility:hidden}
.guide-chat-dots{display:inline-flex;gap:3px;padding:7px 9px;border-radius:12px;background:#fff}
.guide-chat-dots i{width:5px;height:5px;border-radius:50%;background:#73859a;animation:guide-chat-dot 1s infinite ease-in-out}
.guide-chat-dots i:nth-child(2){animation-delay:.15s}.guide-chat-dots i:nth-child(3){animation-delay:.3s}
.guide-chat-compose{display:flex;align-items:center;gap:8px;padding:10px 20px;border-top:1px solid #c5d1df;background:#f7f9fc}
.guide-chat-compose-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}
.guide-chat-compose-input{min-width:0;min-height:42px;flex:1;padding:8px 12px;border:1px solid #9eafc2;border-radius:20px;background:#fff;color:#283b52;font:15px/1.4 Arial,"Microsoft JhengHei",sans-serif}
.guide-chat-compose-input:focus{border-color:#2b5b88;outline:3px solid rgba(43,91,136,.2)}
.guide-chat-compose-button{min-width:76px;min-height:40px;padding:7px 13px;border:1px solid #214d77;border-radius:4px;background:#2b5b88;color:#fff;font:bold 14px/1.3 Arial,"Microsoft JhengHei",sans-serif;cursor:pointer}
.guide-chat-compose-button:hover,.guide-chat-compose-button:focus-visible{filter:brightness(.94);outline:3px solid #f4cf55;outline-offset:1px}.guide-chat-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 20px;border-top:1px solid #c5d1df;background:#fff}
.guide-chat-actions[hidden]{display:none}
.guide-chat-button{min-height:48px;padding:10px 14px;border:2px outset #7088a8;font:bold 15px/1.35 Arial,"Microsoft JhengHei",sans-serif;cursor:pointer}
.guide-chat-button--secondary{background:#edf1f6;color:#17375f}
.guide-chat-button--primary{background:#2b5b88;color:#fff}
.guide-chat-button:hover,.guide-chat-button:focus-visible{filter:brightness(.94);outline:3px solid #f4cf55;outline-offset:1px}
.guide-chat-gate.is-leaving{animation:guide-chat-fade .2s ease-in forwards}
@keyframes guide-chat-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes guide-chat-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@keyframes guide-chat-fade{to{opacity:0}}
@keyframes guide-chat-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes guide-chat-pop-in{from{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:700px){
  .guide-chat-gate{padding:7px}
  .guide-chat-window{width:100%;height:calc(100vh - 14px)}
  .guide-chat-header{min-height:78px;padding:10px 14px}
  .guide-chat-group-avatars{min-width:84px}
  .guide-chat-avatar{width:49px;height:49px}
  .guide-chat-title{font-size:21px}
  .guide-chat-log{padding:14px 11px 6px}
  .guide-chat-line{grid-template-columns:40px minmax(0,1fr);gap:8px;margin-bottom:10px}
  .guide-chat-line .guide-chat-avatar{width:40px;height:40px}
  .guide-chat-message{max-width:94%}
  .guide-chat-bubble{padding:9px 11px;font-size:15px}
  .guide-chat-typing{padding-left:59px}
  .guide-chat-compose{padding:8px 11px}
  .guide-chat-compose-button{min-width:68px}
  .guide-chat-actions{grid-template-columns:1fr;padding:9px 11px}
  .guide-chat-hint{padding:6px 10px 8px}
}
@media(prefers-reduced-motion:reduce){.guide-chat-line,.guide-chat-gate.is-opening,.guide-chat-gate.is-opening .guide-chat-window,.guide-chat-gate.is-leaving,.guide-chat-dots i{animation:none}.guide-chat-log{scroll-behavior:auto}}
@media print{.guide-chat-gate{display:none!important}}