:root{--ink:#252821;--muted:#74766b;--paper:#f5f3eb;--card:#fffefa;--line:#dcded1;--green:#435f4d;--soft:#e7ebdf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Microsoft YaHei",sans-serif;line-height:1.7}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}.shell{max-width:1100px;margin:auto;padding:0 42px}.top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:92px}.brand{text-decoration:none;font-family:Georgia,serif;font-size:24px;font-weight:700;letter-spacing:.12em}.brand span{color:var(--green)}nav{display:flex;gap:30px;align-items:center}nav button,nav a{border:0;background:none;text-decoration:none;color:var(--muted);padding:8px 0}nav .active,nav button:hover,nav a:hover{color:var(--green)}main{max-width:780px;margin:0 auto;min-height:70vh;padding:74px 0}.hero{margin-bottom:40px}.eyebrow{font-size:12px;letter-spacing:.17em;color:var(--green);font-weight:700;text-transform:uppercase}h1{font-family:Georgia,"Songti SC",serif;font-size:54px;line-height:1.25;margin:12px 0 18px;font-weight:500}h1 span{color:var(--green)}.hero>p:not(.eyebrow),.intro{font-size:17px;color:#656a5e}.hero small,.hint,small,.muted{color:var(--muted)}.question-box,.answer,.card,.panel{background:var(--card);border:1px solid var(--line);padding:28px;border-radius:4px}.question-box label{font-weight:600}.question-box textarea{display:block;width:100%;min-height:150px;resize:vertical;border:0;outline:0;background:transparent;padding:18px 0;color:var(--ink);font-size:17px}.form-row,.actions,.searchbar,.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.form-row{justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.date-label{font-size:13px;color:var(--muted)}input,select,textarea{border:1px solid var(--line);border-radius:3px;background:#fffefa;padding:10px;color:var(--ink)}.date-label input{border:0;background:transparent;padding:4px}.primary{background:var(--green);color:white;border:1px solid var(--green);padding:11px 20px}.hint{font-size:13px;margin:14px 0 0}.answer{margin-top:26px}.answer h2{font-family:Georgia,"Songti SC",serif;font-size:28px;font-weight:500}.answer-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95}.actions{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.actions button,.searchbar button,#more,.secondary{background:transparent;border:1px solid var(--line);padding:8px 13px}.actions button:hover,.secondary:hover{border-color:var(--green)}.status{background:var(--soft);padding:12px 15px;margin:15px 0;white-space:pre-wrap}.error{color:#a34233}.list{display:grid;gap:12px;margin-top:25px}.card{cursor:pointer;text-align:left;width:100%}.card:hover{border-color:#9aa99a}.card h3{margin:4px 0;font-size:18px;font-weight:500}.card p{margin:4px 0;color:var(--muted);font-size:14px}.searchbar input{flex:1;min-width:180px}.hidden{display:none!important}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}footer span{float:right}@media(max-width:650px){.shell{padding:0 20px}.top{height:auto;align-items:flex-start;gap:20px;padding:20px 0;flex-direction:column}nav{gap:18px;flex-wrap:wrap;font-size:14px}main{padding:48px 0}h1{font-size:42px}.question-box,.answer,.card,.panel{padding:20px}.form-row{align-items:flex-start;flex-direction:column}.primary{width:100%}footer span{float:none;display:block}}
@media print{.top,footer,.question-box,.hero,.actions,.view:not(#ask),.status{display:none!important}main{padding:0}.answer{border:0;margin:0;padding:0}body{background:white}}
.auth{max-width:480px;margin:auto}.auth-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.auth-tabs button{border:0;background:none;padding:10px 0;color:var(--muted)}.auth-tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}#auth-form label{display:block;margin:14px 0 5px}#auth-form input{display:block;width:100%}#submit-auth{margin-top:20px}#user-name{color:var(--muted)}
.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:-12px 0 22px}.suggestions button,.file-label{border:1px solid var(--line);background:transparent;padding:7px 12px;font-size:14px}.visibility{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:18px}.visibility input{margin:0}#parent-context{border-left:3px solid var(--green);padding:5px 14px;margin-bottom:15px;background:var(--soft);overflow-wrap:anywhere}#parent-context p{margin:4px 0}#parent-context .muted{max-height:8em;overflow:auto}.attachment-list{margin:8px 0}.attachment{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:13px}.attachment button,.comment button{border:0;background:none;color:var(--green)}#recommended-section{margin-top:65px}.community{margin-top:36px;border-top:1px solid var(--line);padding-top:15px}.community-block,.human-answer{padding:16px 0;border-bottom:1px solid var(--line)}.community h4{margin:4px 0 12px}.community button{border:1px solid var(--line);background:transparent;padding:6px 10px;margin:4px 8px 4px 0}.comment-form{display:flex;gap:8px;margin-top:10px}.comment-form input{flex:1;min-width:0}.comment{font-size:14px;padding:7px 0;overflow-wrap:anywhere}.teacher-form textarea{display:block;width:100%;min-height:130px}.share-overlay{position:fixed;inset:0;background:#18231db8;display:flex;align-items:center;justify-content:center;z-index:20;padding:20px}.share-sheet{background:var(--card);border-radius:5px;padding:28px;width:min(540px,100%);max-height:90vh;overflow:auto}.share-sheet h2{margin-top:0}.share-sheet input{width:100%}.share-qr{display:block;width:160px;height:160px;margin:18px auto}.share-sheet .actions{margin-top:10px}@media(max-width:650px){.share-overlay{align-items:end;padding:0}.share-sheet{border-radius:12px 12px 0 0}.comment-form{flex-wrap:wrap}}
