@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Serif+SC:wght@500;700;900&display=swap";:root{--ink:#20242a;--muted:#66706f;--paper:#f7f0df;--paper-deep:#e7d7b8;--red-pen:#b83c35;--blue-ink:#1d5f82;--green-board:#203f38;--green-soft:#6f8c7c;--chalk:#dbe8de;--paper-line:#34708e33;--paper-red:#b83c3566;--cork:#9a7650;--shadow:#14110e59;--sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", Georgia, serif;--mono:"Fira Code", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#152323;margin:0;position:relative;overflow-x:hidden}button,input,select,textarea{font:inherit}button{border:0}.app-shell{z-index:2;perspective:1400px;width:min(1120px,100% - 32px);margin:0 auto;padding:34px 0 82px;position:relative}.campus-backdrop{z-index:0;pointer-events:none;background:#142120;position:fixed;inset:0;overflow:hidden}.campus-backdrop:before,.campus-backdrop:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.campus-backdrop:before{mix-blend-mode:screen;opacity:.76;background:radial-gradient(at 24% 20%,#fff1c647,#0000 42%),radial-gradient(at 78% 68%,#b84b3d24,#0000 46%),linear-gradient(104deg,#0d2220d1,#21303899 48%,#8b4b3657),repeating-linear-gradient(0deg,#fffaea06 0 1px,#0000 1px 46px)}.campus-backdrop:after{background:radial-gradient(#060f0e05 0%,#060f0e26 58%,#060f0e75 100%),linear-gradient(#060f0e0d,#060f0e80)}.campus-backdrop img{z-index:1;object-fit:cover;opacity:0;filter:blur(2.5px)saturate(.9)contrast(1.06)brightness(.68);width:106%;height:106%;transform:scale(1.055) translate3d(var(--start-x,0), var(--start-y,0), 0);animation:42s ease-in-out infinite campusFade;animation-delay:calc(var(--slide-index) * 6s);will-change:opacity, transform;position:absolute;inset:-3%}.query-desk{grid-template-columns:minmax(0,.95fr) minmax(350px,430px);align-items:center;gap:clamp(28px,6vw,76px);min-height:min(700px,100vh - 68px);display:grid}.query-desk>*{min-width:0}.desk-copy{color:#fff7e8;text-shadow:0 2px 18px #00000059;max-width:650px}.eyebrow{color:#ffe7a8;letter-spacing:0;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.desk-copy h1{max-width:620px;font-family:var(--serif);overflow-wrap:anywhere;margin:14px 0;font-size:clamp(42px,6.4vw,78px);line-height:1.06}.desk-copy p{color:#fffaecdb;overflow-wrap:anywhere;max-width:620px;margin:0;font-size:18px;line-height:1.8}.desk-copy .lead{max-width:520px;font-size:clamp(16px,1.6vw,19px);line-height:1.75}.quote-rotator{width:min(100%,560px);min-height:126px;margin-top:30px;position:relative}.quote-rotator:before{content:"";background:linear-gradient(90deg,#ffe7a8d1,#0000);width:74px;height:1px;position:absolute;top:8px;left:0}.memory-quote{color:#fff8e4f0;width:min(100%,560px);font-family:var(--serif);opacity:0;animation:30s ease-in-out infinite quoteFade;animation-delay:calc(var(--quote-index) * 6s);text-shadow:0 10px 28px #0000006b;margin:0;padding-top:25px;font-style:italic;position:absolute;inset:0 auto auto 0;transform:translateY(8px)}.memory-quote p{letter-spacing:0;max-width:560px;margin:0;font-size:clamp(18px,2vw,24px);line-height:1.58}.memory-quote cite{color:#ffe7a8e0;font-family:var(--serif);margin-top:10px;font-size:clamp(13px,1.2vw,15px);font-style:normal;line-height:1.6;display:block}.quote-mark{color:#ffe7a8}.search-sheet{width:100%;min-width:0;color:var(--ink);background:linear-gradient(90deg, transparent 0 22px, #b83c3533 22px 24px, transparent 24px), repeating-linear-gradient(0deg, transparent 0 32px, var(--paper-line) 32px 33px), repeating-linear-gradient(90deg, #29546e14 0 1px, transparent 1px 28px), linear-gradient(100deg, #ffffffed, #f8efd9f5);transform-style:preserve-3d;border:1px solid #fff6dbb8;border-radius:8px;gap:16px;padding:36px 30px 30px;animation:.76s cubic-bezier(.19,1,.22,1) both sheetUnfold;display:grid;position:relative;transform:rotate(-.4deg)rotateX(2deg)rotateY(-2deg);box-shadow:0 34px 82px #0c0c0a6b,0 10px #14161524,inset 0 0 0 1px #ffffffb8,inset 0 -10px 30px #64482a0f}.search-sheet:before,.search-sheet:after{content:"";background:#e1d2adb8;width:148px;height:34px;position:absolute;transform:rotate(-5deg);box-shadow:0 8px 18px #52372033}.search-sheet:before{top:-14px;left:34px}.search-sheet:after{opacity:.65;bottom:-14px;right:24px;transform:rotate(4deg)}.sheet-pin{background:linear-gradient(90deg,#ffffff4d,#0000 34%),#cec2a6db;border-radius:3px;width:48px;height:13px;position:absolute;top:18px;right:24px;transform:rotate(9deg);box-shadow:0 5px 12px #61452a38}.form-heading{background:linear-gradient(90deg,#234c6014,#0000),#fffdf694;border:2px solid #234c606b;align-items:center;gap:12px;min-height:68px;padding:14px 16px;display:flex;box-shadow:0 9px 18px #30241814}.form-heading svg{color:var(--blue-ink);flex:none}.form-heading span{color:var(--red-pen);font-family:var(--mono);font-size:12px;font-weight:700;display:block}.form-heading strong{font-family:var(--serif);margin-top:2px;font-size:clamp(24px,3vw,30px);line-height:1.15;display:block}label{gap:8px;font-weight:700;display:grid}label span{color:#524b40;font-size:13px}.search-sheet label{background:#fffdf68f;border:1px solid #234c6038;gap:6px;padding:11px 12px 12px;box-shadow:inset 0 1px #ffffff80}.search-sheet label span{color:var(--blue-ink);font-family:var(--mono);font-size:12px}input,select,textarea{width:100%;color:var(--ink);background:#fffcf2d1;border:1px solid #21242a38;border-radius:7px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.search-sheet label,.message-note,.column-image{transition:transform .18s,border-color .18s,box-shadow .18s,background .18s,filter .18s}.search-sheet input,.search-sheet select{background:#ffffff85;border-color:#21242a29;border-radius:3px}input,select{min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:108px;padding:12px 14px;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:var(--blue-ink);background:#fffdf6;box-shadow:0 0 0 4px #1d5f8226}input:hover,select:hover,textarea:hover{background:#ffffffb8;border-color:#1d5f826b}.invite-toggle,.submit-button,.message-form button,.segmented button,.close-result,.icon-button{cursor:pointer;touch-action:manipulation;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.invite-toggle{width:fit-content;color:var(--blue-ink);background:#1d5f8214;border:1px solid #1d5f822e;padding:0 14px;font-size:14px;font-weight:800}.invite-toggle[aria-expanded=true]{color:#fff9e8;background:linear-gradient(135deg,#1d5f82f0,#b83c35e6);box-shadow:0 10px 20px #4434242e}.submit-button,.message-form button{color:#fff9e8;background:linear-gradient(135deg,#b83c35,#244d63);min-height:52px;font-weight:800;box-shadow:0 17px 30px #3c271e47,inset 0 1px #ffffff2e}.submit-button{margin-top:2px;font-size:17px}button:active{transform:translateY(1px)scale(.99)}@media (hover:hover){.search-sheet label:hover{background:#fffdf6c7;border-color:#1d5f8266;transform:translateY(-1px);box-shadow:0 10px 22px #362d2014,inset 0 1px #fff9}.submit-button:hover,.message-form button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 22px 36px #3c271e57,inset 0 1px #ffffff38}.invite-toggle:hover,.close-result:hover,.icon-button:hover{background:#1d5f8224;transform:translateY(-1px);box-shadow:0 10px 22px #2f2d261f}.segmented button:hover{color:var(--blue-ink);background:#fffdf694}.segmented button.active:hover{color:#fffaf0;background:linear-gradient(135deg, var(--blue-ink), var(--red-pen))}.column-image:hover,.message-note:hover{filter:saturate(1.04);transform:translateY(-2px) rotate(var(--tilt,0deg))}}.submit-button:disabled,.message-form button:disabled{cursor:wait;opacity:.72}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes campusFade{0%{opacity:0;transform:scale(1.055) translate3d(var(--start-x,0), var(--start-y,0), 0)}5%,14%{opacity:1}19%,to{opacity:0;transform:scale(1.105) translate3d(var(--end-x,0), var(--end-y,0), 0)}}@keyframes quoteFade{0%{opacity:0;transform:translateY(8px)}4%,16%{opacity:1;transform:translateY(0)}21%,to{opacity:0;transform:translateY(-6px)}}@keyframes sheetUnfold{0%{opacity:0;filter:blur(2px);transform:translateY(20px)rotate(-1.2deg)rotateX(7deg)rotateY(-5deg)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)rotate(-.4deg)rotateX(2deg)rotateY(-2deg)scale(1)}}@keyframes resultIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetMobileIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notice{border-radius:7px;padding:12px 14px;font-size:14px;line-height:1.55}.notice.success{color:#1e4d3c;background:#6f8c7c2e}.notice.warn{color:#6c4f13;background:#ffd36738}.notice.error{color:#8d2521;background:#b83c3521}.result-zone,.message-board{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;margin-top:34px;padding:26px;box-shadow:0 30px 76px #00000052,0 8px #0a10101f}.result-zone{color:var(--ink);background:linear-gradient(90deg,#0000 0 34px,#b83c3538 34px 36px,#0000 36px),repeating-linear-gradient(0deg,#2e667e1a 0 1px,#0000 1px 32px),linear-gradient(105deg,#fffcf2f5,#efe5cdeb);border:1px solid #fff6dbad;animation:.52s both resultIn;position:relative;overflow:hidden}.result-zone:after{content:"作文";color:#b83c356b;width:72px;height:72px;font-family:var(--serif);pointer-events:none;border:4px double #b83c3557;border-radius:50%;place-items:center;font-size:26px;font-weight:900;display:grid;position:absolute;top:30px;right:76px;transform:rotate(-13deg)}.result-header,.board-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.result-header h2,.message-board h2{font-family:var(--serif);margin:8px 0;font-size:clamp(28px,3.8vw,44px);line-height:1.16}.result-header p{color:#68706b;margin:0;font-size:14px;line-height:1.7}.result-zone .eyebrow{color:var(--red-pen)}.close-result,.icon-button{width:42px;min-width:42px;color:var(--blue-ink);background:#1d5f8214;border:1px solid #1d5f8229;padding:0}.result-exam-strip{color:#20242a9e;font-family:var(--mono);grid-template-columns:max-content 1fr max-content 1fr max-content;align-items:center;gap:12px;margin-top:18px;font-size:12px;font-weight:700;display:grid}.result-exam-strip i{background:#1d5f8247;height:1px;display:block}.viewer-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 18px;display:flex}.segmented{background:#1d5f8214;border:1px solid #1d5f8221;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.segmented button{color:#20242aad;background:0 0;min-height:38px;padding:0 14px;font-size:14px;font-weight:800}.segmented button.active{color:#fffaf0;background:linear-gradient(135deg, var(--blue-ink), var(--red-pen));box-shadow:0 8px 18px #273f412e}.zoom-tools{color:#20242ab8;align-items:center;gap:10px;font-size:13px;display:inline-flex}.zoom-tools input{accent-color:#ffe7a8;width:150px;min-height:auto;padding:0}.viewer-frame{background:linear-gradient(100deg,#fff6db21,#ffffff05),#091213c7;border:1px solid #1d5f8233;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 42px #1214122e}.viewer-frame.original{min-height:520px}.original-viewer{cursor:grab;place-items:center;height:min(74vh,760px);min-height:460px;display:grid;overflow:hidden}.original-viewer:active{cursor:grabbing}.original-viewer img{transform-origin:50%;-webkit-user-select:none;user-select:none;border-radius:3px;max-width:min(100%,1180px);max-height:calc(74vh - 48px);transition:transform .1s ease-out;box-shadow:0 28px 60px #0000005c,0 0 0 1px #0003}.optimized-viewer{gap:22px;max-width:640px;margin:0 auto;padding:22px;display:grid}.column-strip{margin:0}.column-label{color:#2b332f;background:#ffe7a8eb;border-radius:99px;width:fit-content;margin:0 0 8px 10px;padding:4px 10px;font-size:12px;font-weight:800}.column-image{background-color:#f8f5ec;background-repeat:no-repeat;border-radius:6px;width:100%;box-shadow:0 20px 44px #0000004d,0 0 0 1px #14141429}.message-board{color:#fff9ea;background-color:#16342ed1;background-image:linear-gradient(90deg,#e5f0db0f 1px,#0000 1px),linear-gradient(#e5f0db0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #fff4d324}.message-board .eyebrow{color:#ffe7a8}.message-form{grid-template-columns:180px minmax(0,1fr) 132px;gap:12px;margin:20px 0;display:grid}.message-form input,.message-form textarea{background:#fffbeaeb}.message-form textarea{min-height:76px}.message-form button{align-self:stretch}.message-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.message-note{color:#2d2f29;transform:rotate(var(--tilt,-.4deg));background-color:#fff2bb;background-image:linear-gradient(#315e7414 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:5px;padding:18px 18px 16px;position:relative;box-shadow:0 16px 32px #0003,0 4px #28221814}.message-note:nth-child(2n){--tilt:.5deg;background-color:#e2f0d9}.message-note:nth-child(3n){--tilt:-.8deg;background-color:#e7eff8}.message-note:before{content:"";background:#ddceaed9;width:46px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 3px 9px #503a262e}.message-meta{color:#33564d;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.message-meta span{color:#6d756f;text-align:right;font-size:12px}.message-note p,.empty-message{white-space:pre-wrap;margin:0;line-height:1.8}.empty-message{color:#fff9eab3}@media (width>=980px){.viewer-frame.optimized .optimized-viewer{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;max-width:none}}@media (width<=820px){.campus-backdrop img{filter:blur(2px)saturate(.88)contrast(1.05)brightness(.66);width:108%;height:108%;animation-duration:49s;inset:-4%}.app-shell{width:min(100% - 20px,720px);padding:18px 0 56px}.query-desk{grid-template-columns:1fr;align-items:start;gap:18px;min-height:auto;padding:22px 0 12px}.desk-copy h1{max-width:420px;margin:10px 0;font-size:clamp(36px,11vw,54px)}.desk-copy p{font-size:15px}.desk-copy .lead{font-size:15px;line-height:1.65}.quote-rotator{min-height:114px;margin-top:22px}.memory-quote{padding-top:22px}.memory-quote p{font-size:17px;line-height:1.55}.memory-quote cite{margin-top:8px;font-size:13px}.search-sheet{padding:28px 18px 20px;animation:.52s both sheetMobileIn;transform:none;box-shadow:0 24px 58px #00000057,inset 0 0 0 1px #ffffffb8}.search-sheet:before{width:118px;height:28px;top:-12px;left:24px}.search-sheet:after,.sheet-pin{display:none}.form-heading{min-height:62px;padding:12px 13px}.form-heading strong{font-size:24px}.submit-button,.invite-toggle{width:100%}.result-zone,.message-board{margin-top:24px;padding:18px;box-shadow:0 22px 52px #0000004d}.result-zone:after{display:none}.result-header h2,.message-board h2{font-size:clamp(25px,8vw,34px)}.result-exam-strip{grid-template-columns:1fr;gap:6px;font-size:11px}.result-exam-strip i{display:none}.viewer-controls,.result-header{align-items:stretch}.segmented,.segmented button,.zoom-tools{width:100%}.segmented button{flex:1;min-height:44px;padding:0 10px}.zoom-tools input{flex:1;width:auto}.original-viewer{height:62vh;min-height:360px}.optimized-viewer{gap:16px;padding:12px}.message-form{grid-template-columns:1fr}.message-note{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.campus-backdrop img{opacity:0;transform:none;animation:none!important}.campus-backdrop img:first-child{opacity:1}.memory-quote{opacity:0;display:none;transform:none;animation:none!important}.memory-quote:first-child{opacity:1;display:block}}