:root{--ink:#173047;--blue:#254f70;--muted:#647888;--line:#dbe3e8;--paper:#faf9f5;--copper:#a26e41}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,"Microsoft YaHei",sans-serif}header,main,footer{max-width:1240px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:18px}.brand{font:25px Georgia,"SimSun",serif;font-weight:bold}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:var(--blue);text-underline-offset:5px}h1,h2,h3{line-height:1.35}h1{font:clamp(34px,5vw,60px)/1.25 Georgia,"SimSun",serif;margin:14px 0 24px}h2{font:30px Georgia,"SimSun",serif}h3{margin:0 0 12px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding:54px 0}.kicker{color:var(--copper);letter-spacing:.15em;font-size:13px}.hero p{color:var(--muted);max-width:620px}.books{display:flex;justify-content:center;align-items:center;background:#e9edf0;border-radius:8px;min-height:230px;gap:18px}.book{width:110px;height:172px;background:var(--ink);color:#eee2c9;border:9px double #8a9fac;writing-mode:vertical-rl;padding:16px;font:22px "SimSun",serif;box-shadow:10px 12px 0 #d1d8dc;transform:rotate(-6deg)}.book+div{background:#89634d;transform:rotate(8deg)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:5px;padding:10px 16px}button:hover{border-color:var(--blue)}button:disabled{cursor:wait;opacity:.6}.primary{color:white;background:var(--blue);border-color:var(--blue)}.notice{background:#edf1f3;border-left:3px solid var(--copper);padding:16px 20px;color:var(--muted)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar{margin:20px 0;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:24px;background:white;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.card p{margin:0;color:var(--muted)}.card button{margin-top:auto}.badge{font-size:12px;letter-spacing:.04em;padding:3px 9px;background:#edf2f6;color:var(--blue);border-radius:3px}.ask-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:24px}.panel{background:white;border:1px solid var(--line);border-radius:7px;padding:28px}.panel form{display:flex;gap:10px}input{min-width:0;flex:1;border:1px solid #bccbd5;border-radius:5px;padding:12px}form button{flex-shrink:0}.examples{margin:14px 0}.examples button{font-size:13px;padding:5px 9px}.answer{white-space:pre-wrap;margin:22px 0}.source{border-top:1px solid var(--line);padding:18px 0}.source p{white-space:pre-wrap;color:#344c5f}.small{font-size:13px;color:var(--muted)}section{scroll-margin-top:16px;margin-bottom:42px}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:8px;width:min(860px,94vw);max-height:85vh;padding:28px;color:var(--ink)}dialog::backdrop{background:#12263699}.reading{white-space:pre-wrap;padding:20px 0;border-top:1px solid var(--line)}.reading:target{background:#fff3cf}.dialog-head{display:flex;justify-content:space-between;gap:16px}.error{color:#8e3d26}.phone{max-width:420px;background:#ededed;border:10px solid #203449;border-radius:26px;padding:20px;margin:auto}.bubble{background:white;border-radius:6px;padding:16px;white-space:pre-wrap;margin:20px 0}.phone-menu{background:white;text-align:center;font-size:14px;padding:12px}.phone form{display:flex;gap:8px}.phone input{width:150px}.hidden{display:none!important}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding:30px 0;gap:24px}.books{min-height:200px}.grid,.ask-layout{grid-template-columns:1fr}.panel{padding:18px}main,header,footer{padding:18px}.panel form{flex-wrap:wrap}.panel form input{flex-basis:65%}.toolbar{align-items:flex-start}dialog{padding:18px}nav{gap:14px;font-size:14px}}
.query-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.query-options label{font-size:13px;color:var(--muted)}.query-options select{max-width:260px;padding:6px}.query-options input[type=checkbox]{min-width:0}.catalog-search{max-width:300px}.task-status{font-size:13px;color:var(--copper)}.panel{align-self:start}

.story-section {margin: 1.6rem 0; padding-top: .8rem; border-top: 1px solid #d6e0e7;} .story-section h4 {margin: 0 0 .5rem;} .story-section button {font-size: .8rem; padding: .3rem .6rem; margin-right: .4rem;} .source summary {cursor:pointer;} .phone .bubble {max-height: 800px; overflow:auto;}

[hidden] {display:none !important;} .feedback-form {display:block; margin-top:2rem; padding:1rem; border:1px solid #d6e0e7;} .feedback-form label {display:block; margin:.8rem 0;} .feedback-form textarea {display:block; width:100%; max-width:100%;} .story-choices button {display:block; margin:.5rem 0; text-align:left;}
