/* System fonts keep the community independent of external font services. */
.line-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex-shrink:0}.brandmark svg{width:34px;height:34px}.subject-nav .line-icon{width:16px;height:16px;color:#8e9daa}.subject-nav:before{display:none}.campus-caption{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:#d3e2ea;margin-top:40px}.campus-caption:before{content:'';width:25px;height:1px;background:#bed5e5}.campus-footnote{display:flex;gap:10px;align-items:center;padding:14px 3px;color:#859cac;font-size:10px;letter-spacing:1px}.campus-footnote i{height:1px;background:#dce5eb;flex:1}.campus-strip{height:120px;background:url('assets/campus-sunset.jpg') center 55%/cover;border-radius:12px;position:relative;overflow:hidden;margin-top:3px}.campus-strip:after{content:'下课以后，思考继续。';position:absolute;left:17px;bottom:16px;color:#fff;font-size:11px;letter-spacing:1px;text-shadow:0 1px 6px #1c3548}
[hidden]{display:none!important}
.auth-panel{max-width:1090px;margin:70px auto;padding:0 30px;display:grid;grid-template-columns:1fr 410px;gap:100px;align-items:center}.auth-intro h1{font-size:44px;line-height:1.5;letter-spacing:2px;margin:22px 0}.auth-intro>p{color:#9b91ad;font-size:13px;line-height:2}.auth-courses{display:flex;flex-wrap:wrap;gap:10px;max-width:380px;margin:27px 0}.auth-courses span{border:1px solid #e1daed;color:#9888b1;border-radius:7px;padding:8px 12px;font-size:11px}.auth-illustration{font-family:Georgia,serif;font-size:54px;color:#bcb0d9;transform:rotate(-5deg);padding:45px 35px;background:#f0ecf8;border-radius:20px;max-width:370px}.auth-illustration span{font-size:34px;color:#a397bf;padding:0 15px}.auth-illustration small{display:block;font-family:'Microsoft YaHei',sans-serif;font-size:12px;margin-top:17px;letter-spacing:4px}.auth-card{background:#fff;border:1px solid #e8e2ef;border-radius:16px;padding:32px;box-shadow:0 12px 45px #44385b08}.auth-card h2{font-size:23px;margin:23px 0 8px}.auth-card>p{font-size:11px;color:#aaa0b7}.auth-tabs{display:flex;background:#f6f3fa;border-radius:7px;padding:4px;margin:26px 0 22px}.auth-tabs button{flex:1;padding:9px;color:#a298b3;font-size:12px;border-radius:5px}.auth-tabs button.active{background:#fff;color:#6754a0;box-shadow:0 2px 8px #42305b0c}.auth-card .primary{width:100%;margin-top:10px}.auth-card .auth-note{font-size:10px;line-height:1.9;text-align:center;margin-top:24px;color:#b6adbf}.announcement{border:1px solid #e7ddc9;background:#fdfbf5;border-radius:11px;padding:22px 25px;margin-top:20px}.announcement-heading{display:flex;gap:9px;align-items:center;margin-bottom:15px;color:#aa9261}.announcement-heading h2{font-size:13px;font-weight:600}.announcement-heading small{margin-left:auto;font-size:9px;color:#b8ab8e}.announcement p{font-size:11px;line-height:1.95;color:#a3957d;margin-top:10px}.announcement b{font-weight:500;color:#8f805f}.announcement-contact{font-size:10px;line-height:1.8;border-top:1px solid #ede5d5;padding-top:12px;margin-top:15px;color:#ac9b7f}.announcement-contact a{color:#8d7854;text-decoration:underline}.question-number{font-size:9px;letter-spacing:.4px;color:#9c92b4;background:#f4f1fa;border-radius:3px;padding:3px 6px}.auth-panel~.shell .post-title{margin-top:11px}#password-form{border-top:1px solid #eee8f4;margin-top:22px;padding-top:20px}#logout{margin-top:24px;color:#a87884}.header-actions .demo-tag{color:#a397af}.sync-error{color:#b97878!important}
@media(max-width:800px){.auth-panel{grid-template-columns:1fr 350px;gap:25px;padding:0 25px;margin:40px auto}.auth-intro h1{font-size:30px}.auth-illustration{font-size:32px;padding:25px}.auth-illustration span{font-size:24px;padding:0 8px}.auth-card{padding:25px}.announcement-heading small{display:none}}
@media(max-width:600px){.auth-panel{display:block;padding:0 18px;margin:28px auto}.auth-intro{margin-bottom:25px}.auth-intro h1{font-size:27px;margin:15px 0}.auth-intro>p{font-size:11px}.auth-illustration,.auth-courses{display:none}.auth-card{max-width:420px;margin:auto}.announcement{padding:18px;margin-top:16px}.announcement p{font-size:10px}.announcement-contact{font-size:9px}}
:root{--ink:#252438;--muted:#92919e;--purple:#5548ce;--line:#ebeaf0;--bg:#f8f8fb;--soft:#eeecfa;--green:#3a8c73;font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b2a9ff;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #b2a9ff;outline-offset:1px}h1,h2,h3,p{margin:0}button:disabled{opacity:.4;cursor:default}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px;padding:0 42px;position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:800;letter-spacing:1px;min-width:192px}.brandmark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--purple);color:#fff;transform:rotate(-6deg);font-size:24px}.brand small{display:block;font-size:9px;color:#93919e;letter-spacing:2.2px;font-weight:500;margin-top:2px}.search{display:flex;align-items:center;gap:10px;background:#f6f6f9;border:1px solid #efeff3;border-radius:10px;padding:10px 14px;max-width:500px;flex:1}.search>span{font-size:26px;line-height:20px;color:#9b99a7}.search input{border:0;background:none;width:100%;outline:0;font-size:13px;color:var(--ink)}.search input::placeholder{color:#a3a1ae}.search kbd{font:11px inherit;border:1px solid #dddce5;border-radius:4px;color:#aaa;padding:1px 5px}.header-actions{margin-left:auto;display:flex;gap:20px;align-items:center}.demo-tag{font-size:11px;color:#8c879e;background:#f3f2f8;padding:5px 9px;border-radius:5px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ebe8fa;color:var(--purple);font-weight:600}.shell{max-width:1540px;display:grid;grid-template-columns:205px minmax(0,1fr) 255px;gap:32px;margin:auto;padding:32px 42px}.sidebar{display:flex;flex-direction:column;position:sticky;top:120px;height:calc(100vh - 153px);max-height:900px}.sidebar-label{font-size:11px;color:#aaa6b6;letter-spacing:1px;padding:8px 10px 16px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;padding:13px 15px;text-align:left;color:#777383;border-radius:8px;font-size:13px;margin:3px 0}.nav-item>span{width:19px;font-size:20px;text-align:center}.nav-item.active{background:#eeecfa;color:var(--purple);font-weight:600}.nav-item:hover{background:#f0eef7}.courses-label{margin-top:28px}.subject-nav{display:flex;gap:12px;align-items:center;width:100%;padding:10px 15px;text-align:left;font-size:12px;color:#817d90}.subject-nav:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--subject-color,#aaa)}.subject-nav.active{color:var(--purple);font-weight:700}.sidebar-bottom{margin-top:auto;padding:22px 12px 0}.tiny-logo{display:block;font-size:24px;color:var(--purple);margin-bottom:10px}.sidebar-bottom strong{font-size:12px;font-weight:500}.sidebar-bottom p{font-size:11px;line-height:1.8;color:#aaa7b5;margin:8px 0 14px}.text-link{font-size:11px;color:var(--purple);padding:0}.hero{background:#eeedf9;border:1px solid #e4e1f5;min-height:296px;border-radius:14px;display:flex;position:relative;overflow:hidden;padding:30px 32px}.hero-copy{z-index:1;min-width:280px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;color:#8178b0;display:flex;gap:7px;align-items:center}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--purple)}.hero h1{font-size:31px;font-weight:700;letter-spacing:1px;line-height:1.5;margin:13px 0 10px}.hero h1 span{color:var(--purple)}.hero p{font-size:11px;line-height:1.9;color:#8a849f}.primary{background:var(--purple);color:#fff;padding:12px 19px;border-radius:8px;font-size:12px;font-weight:600;display:inline-flex;gap:10px;align-items:center;justify-content:center;box-shadow:0 4px 10px #5548ce17;transition:background .15s}.primary:hover{background:#4438b8}.hero .primary{margin-top:20px}.hero .primary span{font-size:19px;line-height:12px}.hero-art{flex:1;position:relative;min-width:150px;max-width:320px;margin-left:auto}.orbit{position:absolute;border:1px solid #d9d4ed;border-radius:50%;height:270px;width:270px;top:0;left:0;transform:rotate(-20deg)}.orbit-b{height:220px;width:220px;left:40px;top:22px}.note-card{position:absolute;background:#fff;width:176px;height:194px;border-radius:10px;padding:22px;box-shadow:0 12px 32px #51457b15}.note-back{left:95px;top:0;transform:rotate(10deg);background:#f8f6ed;color:#999173;width:155px;height:180px;padding:20px}.note-back b{font-size:10px}.note-dot{display:block;width:8px;height:8px;border-radius:50%;background:#e1c970;margin-bottom:17px}.note-front{top:40px;left:24px;transform:rotate(-10deg)}.paper-label{font-size:7px;letter-spacing:1px;color:#ada5c2}.formula{font-family:Georgia,serif;font-size:39px;color:#6e62b7;margin:20px 0 18px}.formula span{font-size:24px}.formula sup{font-size:16px}.note-line{height:4px;background:#e8e4f1;border-radius:5px;margin-bottom:9px;width:100%}.note-line.short{width:67%}.paper-tip{font-size:8px;color:#aba4ba;display:block;margin-top:13px}.art-spark{position:absolute;left:4px;top:0;font-size:40px;color:#b5a2d0}.art-comment{position:absolute;right:0;bottom:22px;background:#fff;border:1px solid #e3dfef;border-radius:18px;padding:9px 13px;color:#8a799f;font-size:10px;transform:rotate(5deg)}.local-notice{display:flex;align-items:center;gap:9px;padding:14px 0;color:#9c94b1;font-size:10px}.local-notice>span{font-size:16px}.local-notice p{flex:1}.local-notice strong{font-weight:500}.local-notice button{font-size:10px;color:#81779c;padding:0;white-space:nowrap}.feed{margin-top:16px}.feed-heading{display:flex;justify-content:space-between;align-items:center}.feed-heading h2{font-size:20px;font-weight:700;letter-spacing:.5px}.feed-heading h2 span{font-size:11px;color:#aaa5b7;font-weight:400;margin-left:6px}.feed-heading p{font-size:11px;color:#a3a0ae;margin-top:9px}.sort-label select{border:1px solid var(--line);padding:8px 10px;border-radius:7px;background:#fff;color:#8c869c;font-size:11px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0 17px}.chip{font-size:11px;background:#fff;color:#928d9f;border:1px solid var(--line);border-radius:6px;padding:7px 13px}.chip.active{color:var(--purple);border-color:#d5cef4;background:#f0edf9}.post-card{background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:13px;padding:21px 23px;transition:border .15s}.post-card:hover{border-color:#d6d0ed}.post-meta{display:flex;gap:8px;align-items:center;font-size:10px;color:#aaa5b4}.mini-avatar{height:25px;width:25px;border-radius:50%;display:inline-grid;place-items:center;background:var(--avatar-bg,#edf0fb);color:var(--avatar-color,#7c8bae);font-size:10px;font-weight:600;flex-shrink:0}.post-meta .author{font-weight:500;color:#8d8799}.post-meta .status{margin-left:auto}.status{font-size:9px;background:#f5f3e9;color:#b59c55;border-radius:4px;padding:4px 7px;white-space:nowrap}.status.solved{color:#68a38e;background:#edf5f1}.sample-badge{font-size:9px;border:1px solid #eeeaf5;padding:1px 4px;border-radius:3px;color:#aba4b9}.post-title{font-size:16px;line-height:1.6;font-weight:600;margin:14px 0 8px;padding:0;text-align:left;display:block;width:100%}.post-title:hover{color:var(--purple)}.post-excerpt{color:#93909d;font-size:11px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.post-bottom{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.tag{color:#9a93ab;background:#f7f6fa;border-radius:4px;padding:4px 8px;font-size:9px}.post-actions{display:flex;align-items:center;gap:15px;margin-left:auto;font-size:10px;color:#9b96a8}.post-actions button{padding:3px 0;font-size:11px}.post-actions .answered{color:#8c82b1}.post-actions button.saved{color:var(--purple)}.thumbs{display:flex;gap:8px;margin-top:12px}.thumb{padding:0;border:1px solid #edeaf3;border-radius:6px;overflow:hidden;position:relative}.thumb img{display:block;object-fit:cover;object-position:top;width:128px;height:88px;background:#f5f4f8}.thumb>span{position:absolute;right:5px;bottom:5px;font-size:8px;color:#fff;background:#30293e99;padding:3px 5px;border-radius:3px}.rightbar{display:flex;flex-direction:column;gap:18px}.welcome-card{border:1px solid #e7e4eb;background:#fff;border-radius:11px;padding:25px 22px}.welcome-icon{font-size:30px;color:#b2a1cc}.welcome-card h3{font-size:16px;margin:15px 0 10px}.welcome-card>p{font-size:11px;color:#a39dad;line-height:1.9;margin-bottom:22px}.guide-step{display:flex;gap:13px;margin:19px 0 0}.guide-step>span{font-size:10px;font-weight:500;color:#aba2c7;padding-top:2px}.guide-step p{font-size:10px;color:#aaa3b3;line-height:1.8}.guide-step b{display:block;color:#7d728f;font-weight:500;font-size:11px;margin-bottom:3px}.sidebar-card{border:1px solid #e7e4eb;background:#fff;border-radius:11px;padding:21px}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading h3{font-size:12px;font-weight:500}.card-heading span{color:#b2a7c9}.topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.topics button{font-size:10px;padding:6px 9px;border-radius:5px;background:#f6f4fa;color:#a196b1}.image-promo{background:#f0f3ee;border-radius:11px;padding:22px;color:#889782}.image-promo>span{font-size:30px}.image-promo h3{font-size:13px;margin:10px 0;font-weight:500}.image-promo p{font-size:10px;line-height:1.9;margin-bottom:15px}.image-promo .text-link{color:#819378}.community-note{font-size:9px;color:#b3adbb;text-align:center}footer{display:flex;justify-content:space-between;font-size:9px;color:#b6b1bf;margin:30px 0 10px}.beian-link{color:#b6b1bf}.beian-link:hover{text-decoration:underline}.empty{padding:55px 25px;text-align:center;background:#fff;border:1px dashed #ddd5ec;border-radius:12px;color:#9990aa}.empty>span{font-size:35px;display:block;color:#c4b9df;margin-bottom:12px}.empty h3{font-size:16px;color:#80758e;font-weight:500;margin-bottom:10px}.empty p{font-size:12px;line-height:1.8}.empty button{margin-top:18px}dialog{border:1px solid #e3dfec;border-radius:16px;padding:28px;color:var(--ink);box-shadow:0 25px 80px #24213926;max-height:90dvh;overflow:auto}dialog::backdrop{background:#25213466;backdrop-filter:blur(4px)}.form-dialog{width:min(620px,94vw)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.dialog-header h2{font-size:21px;font-weight:600;margin-top:8px}.icon-button{font-size:27px;line-height:1;width:33px;height:33px;display:grid;place-items:center;border-radius:8px;color:#a297b3}.icon-button:hover{background:#f1edf7}form>label,.form-row>label{display:block;font-size:12px;color:#82798e;font-weight:500;margin-bottom:17px}.required{color:var(--purple)}input:not([type=file]),textarea,select{color:var(--ink)}form input:not([type=file]),form textarea,form select{display:block;width:100%;border:1px solid #e6e1ed;border-radius:7px;padding:11px 12px;background:#fcfbfd;font-size:12px;margin-top:8px;line-height:1.7}textarea{resize:vertical;min-height:85px}.form-row{display:grid;grid-template-columns:1fr 1.4fr;gap:15px}.upload-box{border:1px dashed #dcd4ed;border-radius:8px;background:#faf9fd;padding:18px;text-align:center;color:#a397b4}.upload-box.dragover{background:#eee8fc;border-color:var(--purple)}.upload-box>span{font-size:25px;display:block;margin-bottom:7px}.upload-box strong{font-size:12px;font-weight:500;display:block;color:#8b7d9f}.upload-box p{font-size:10px;margin:6px 0 11px}.upload-box small{display:block;font-size:9px;margin-top:11px}.upload-button{position:relative;display:inline-block!important;padding:8px 13px;border:1px solid #dbd4e8;border-radius:6px;font-size:11px;color:#8e7daa;background:#fff;cursor:pointer;margin:0!important}.upload-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-button:focus-within{outline:2px solid #b2a9ff}.previews{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.preview{position:relative}.preview img{width:80px;height:70px;object-fit:cover;border:1px solid var(--line);border-radius:7px;display:block}.preview button{position:absolute;top:-5px;right:-5px;width:21px;height:21px;background:#fff;border:1px solid var(--line);border-radius:50%;font-size:15px}.form-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.form-footer>span{font-size:10px;color:#aaa0b7}.form-footer b{font-weight:500}.form-error{font-size:11px;color:#b96368;margin-top:10px}.small-dialog{width:min(450px,94vw)}.small-dialog p{font-size:12px;line-height:1.9;color:#91849f;margin:16px 0}.small-dialog .primary{margin-top:10px}.muted{font-size:11px;color:#a399b0;line-height:1.8}.detail-dialog{width:min(800px,94vw)}.detail-title{font-size:24px;line-height:1.6;margin:19px 0}.detail-body{font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;color:#7e738c;margin:15px 0}.detail-images{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.detail-images .thumb img{width:220px;height:150px;object-fit:contain}.detail-actions{display:flex;gap:14px;align-items:center;margin:20px 0;font-size:11px;color:#91829f}.detail-actions button{border:1px solid var(--line);border-radius:5px;padding:7px 12px}.answers-heading{font-size:16px;padding:23px 0 16px;border-top:1px solid var(--line);margin-top:25px}.answer-card{padding:20px 0;border-bottom:1px solid var(--line)}.answer-card .detail-body{font-size:12px}.accepted{font-size:10px;color:#69a18d;margin-left:auto}.no-answers{padding:16px 0 30px}.detail-dialog form{margin-top:28px}.detail-dialog form h3{font-size:17px;margin-bottom:8px}.detail-dialog form textarea{margin-top:15px}.answer-upload{display:flex;align-items:center;gap:12px;margin-top:12px}.answer-upload span{font-size:10px;color:#aea1ba}.viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#1e1d25;color:#fff;overflow:hidden}.viewer[open]{display:flex;flex-direction:column}.viewer::backdrop{background:#1e1d25}.viewer-bar{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;border-bottom:1px solid #ffffff16;flex-shrink:0}.viewer-bar strong{font-size:12px;font-weight:500;display:block;max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-bar small{color:#aaa5b5;font-size:10px;display:block;margin-top:5px}.viewer .icon-button{color:#ddd}.viewer .icon-button:hover{background:#ffffff16}#image-stage{flex:1;min-height:0;overflow:hidden;position:relative;touch-action:none;cursor:grab;background-image:radial-gradient(#ffffff08 1px,transparent 1px);background-size:17px 17px}#image-stage:active{cursor:grabbing}#full-image{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center;user-select:none;pointer-events:none;box-shadow:0 5px 35px #0005}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 10px 6px;flex-shrink:0;flex-wrap:wrap}.viewer-controls button,.viewer-controls a{background:#ffffff0c;border:1px solid #ffffff18;border-radius:6px;padding:8px 11px;color:#d5d0de;font-size:11px}.viewer-controls span{font-size:11px;min-width:38px;text-align:center;color:#b5afc1}.viewer-controls i{width:1px;height:20px;background:#ffffff20;margin:0 7px}.viewer-hint{text-align:center;color:#7f788e;font-size:10px;padding:8px 10px 17px;flex-shrink:0}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(80px);background:#302845;color:#fff;padding:13px 22px;border-radius:9px;font-size:12px;opacity:0;transition:all .2s;z-index:100;max-width:90vw;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1600px){.shell{gap:40px;grid-template-columns:210px minmax(0,1fr) 265px}.hero{min-height:318px}.hero h1{font-size:35px}.hero-art{margin-right:20px}}
@media(max-width:1200px){.topbar{padding:0 24px;gap:25px}.shell{padding:25px 24px;gap:22px;grid-template-columns:175px minmax(0,1fr)}.rightbar{display:none}.hero-art{margin-right:10px}.sidebar-label{letter-spacing:0}}
@media(max-width:800px){.shell{grid-template-columns:135px minmax(0,1fr);gap:18px;padding:22px 18px}.brand{min-width:150px}.topbar{padding:0 18px;height:76px;gap:20px}.hero{padding:25px;min-height:275px}.hero-art{display:none}.hero h1{font-size:28px}.sidebar{top:98px;height:calc(100vh - 130px)}.nav-item{padding:12px 10px;gap:8px;font-size:12px}.sidebar-label{font-size:9px;padding-left:7px}.subject-nav{padding:10px;font-size:11px}.sidebar-bottom{padding-left:7px}.post-card{padding:18px}.post-title{font-size:14px}}
@media(max-width:600px){.topbar{height:67px;flex-wrap:wrap;gap:12px;padding:0 16px}.brand{font-size:20px;min-width:0}.brandmark{width:35px;height:35px;border-radius:10px;font-size:20px}.brand small{font-size:7px;letter-spacing:1.5px}.search{padding:7px 9px;margin-left:auto;max-width:160px;flex:none;width:calc(100vw - 224px);min-width:65px}.search input{font-size:10px}.search kbd{display:none}.header-actions{gap:0;margin-left:0}.avatar{width:29px;height:29px;font-size:11px}.demo-tag{display:none}.shell{display:block;padding:14px}.sidebar{height:auto;position:static;display:block}.sidebar-label,.sidebar-bottom,#subjects{display:none}.sidebar nav{display:flex;gap:5px;margin:0 0 16px}.nav-item{padding:9px 7px;justify-content:center;gap:5px;font-size:10px;margin:0}.nav-item>span{font-size:16px;width:16px}.hero{min-height:260px;padding:24px}.hero h1{font-size:29px;line-height:1.4;margin-top:14px}.hero p{font-size:11px}.hero .primary{margin-top:17px}.local-notice{font-size:9px;line-height:1.7;align-items:flex-start;gap:6px}.local-notice button{font-size:9px;margin-top:2px}.feed{margin-top:12px}.feed-heading h2{font-size:19px}.feed-heading p{font-size:10px}.chips{gap:6px;margin:17px 0}.chip{padding:6px 9px;font-size:10px}.post-card{padding:17px 16px}.post-title{font-size:15px}.post-meta{font-size:9px;gap:6px}.post-actions{gap:12px}.tag{font-size:8px;padding:3px 5px}.post-bottom{gap:5px}.post-excerpt{font-size:11px}.thumb img{width:111px;height:78px}.form-row{grid-template-columns:1fr}dialog{padding:22px 18px}.dialog-header h2{font-size:18px}.detail-title{font-size:20px}.detail-images .thumb img{width:142px;height:115px}.form-footer{align-items:flex-start;flex-direction:column}.form-footer .primary{width:100%}.answer-upload{align-items:flex-start;flex-direction:column}.viewer-controls{gap:6px}.viewer-controls button,.viewer-controls a{padding:7px 8px;font-size:10px}.viewer-controls i{margin:0 3px}.viewer-bar{padding:14px 18px}footer{font-size:8px;gap:15px}footer span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

body:has(#auth-panel:not([hidden])) .search{visibility:hidden;pointer-events:none}.post-excerpt{color:#7e788b;font-size:12px}.announcement p{color:#85775f;font-size:12px}.announcement-contact{color:#8e7b5b}.guide-step p,.welcome-card>p{color:#897e9a}.auth-card>p,.auth-note{color:#897e9a!important}.post-meta{color:#8c839b}.hero p{color:#817497}
@media(max-width:600px){.announcement p{font-size:11px}.post-excerpt{font-size:11px}}

/* Campus photography supplied by the community owner. Originals are unchanged. */
:root{--purple:#285e84;--soft:#e8f0f5;--bg:#f6f8fa;--ink:#203648}
body{background:linear-gradient(#f5f8faf5,#f5f8fafb),url('assets/campus-blue-hour.jpg') center top/cover fixed}.topbar{background:#ffffffed;backdrop-filter:blur(14px);border-bottom-color:#dfe8ed}.brandmark{background:linear-gradient(145deg,#397da2,#264d72);box-shadow:0 5px 14px #285e8420;transform:rotate(-4deg)}.primary{background:linear-gradient(120deg,#2e7399,#285e84);box-shadow:0 5px 14px #285e8420}.primary:hover{background:linear-gradient(120deg,#285e84,#214a6b)}.avatar{color:#285e84;background:#e5eef5}.nav-item.active,.chip.active{color:#285e84;background:#e9f1f6;border-color:#d2e3ee}.nav-item:hover{background:#eaf0f4}.hero{border:none;background:linear-gradient(90deg,#173b53e8 0%,#234862b0 48%,#23486218 100%),url('assets/campus-blue-hour.jpg') center 70%/cover;min-height:306px;box-shadow:0 8px 24px #385e7a10}.hero h1{color:#fff;font-weight:600;font-size:31px;line-height:1.5;letter-spacing:1.5px}.hero h1 span{color:#f5bc99}.hero .eyebrow{color:#d5e7f2;letter-spacing:2px}.hero .eyebrow>span{background:#eec09f;box-shadow:0 0 8px #f1c5a788}.hero p{color:#d9e3eb;font-size:12px}.hero .primary{background:#fff;color:#285e84;box-shadow:0 4px 14px #14344830}.hero .primary:hover{background:#f0f6fa}.hero-art{display:none}.hero:after{content:'CAMPUS NOTES';position:absolute;right:26px;bottom:24px;color:#f3f8fb;font-size:9px;letter-spacing:3px;text-shadow:0 1px 4px #24445a}.campus-footnote{margin-top:3px}.announcement{margin-top:3px;background:#fffcf6;border-color:#eadfcb}.post-card,.welcome-card,.sidebar-card{box-shadow:0 3px 14px #37577303;border-color:#e2e9ee}.subject-nav{gap:11px}.subject-nav.active .line-icon{color:#285e84}.sidebar-label{color:#8c9dab}.tiny-logo{color:#507f9d}.sidebar-bottom strong{color:#667d8e}.post-meta .author{color:#6e7f8e}.mini-avatar{color:#61859d;background:#eaf0f5}.question-number{color:#6b8ba1;background:#edf3f7}.tag{color:#7e90a0;background:#f2f6f8}.post-actions .answered{color:#6c8ca3}.sort-label select{color:#708493;border-color:#dfe8ee}.image-promo{background:#eaf1ef;color:#65827d}.image-promo p{color:#64807a}.image-promo .text-link{color:#446e65}.topics button{background:#eff4f7;color:#768fa3}.welcome-icon .line-icon{width:30px;height:30px;color:#b99675}.guide-step>span{color:#8fa4b5}.guide-step b{color:#6f8596}.auth-panel{max-width:1320px;min-height:calc(100dvh - 170px);margin:34px auto;padding:50px;gap:65px;grid-template-columns:minmax(0,1fr) 390px;border-radius:22px;overflow:hidden;background:linear-gradient(90deg,#173b538c,#24425a20),url('assets/campus-roof.jpg') center 56%/cover;box-shadow:0 20px 55px #345c7b18}.auth-intro{align-self:center}.auth-intro .eyebrow{color:#dfebf2;font-size:10px;letter-spacing:2px}.auth-intro h1{font-size:43px;line-height:1.6;color:#fff;letter-spacing:3px;font-weight:600;text-shadow:0 2px 15px #193f5e30;margin:23px 0 16px}.auth-intro>p{color:#e1eaf0;font-size:13px;line-height:2.1}.auth-courses{gap:8px;max-width:450px;margin:30px 0}.auth-courses span{background:#ffffff15;border-color:#ffffff45;color:#fff;backdrop-filter:blur(3px);padding:8px 13px;font-size:11px}.auth-card{background:#fffffff5;border:1px solid #ffffff90;box-shadow:0 16px 55px #183b5d20;padding:31px;border-radius:14px;backdrop-filter:blur(16px)}.auth-card h2{color:#203b50;font-size:23px}.auth-tabs{background:#edf2f5}.auth-tabs button{color:#8a9ca8}.auth-tabs button.active{color:#285e84;background:#fff}.auth-card input{border-color:#dae5ed;background:#ffffffae}.auth-card .auth-note{color:#8297a7!important}.auth-card>p{color:#8297a7!important}.register-field~label{margin-bottom:14px}.form-dialog,.detail-dialog,.small-dialog{border-color:#dde8f0}.text-link{color:#527e9e}
@media(max-width:1200px){.auth-panel{margin:25px;min-height:calc(100dvh - 145px);padding:36px;gap:35px}.auth-intro h1{font-size:37px}.hero{min-height:300px}}
@media(max-width:800px){.auth-panel{grid-template-columns:1fr 330px;gap:25px;margin:20px;padding:28px}.auth-intro h1{font-size:29px;letter-spacing:1px}.auth-intro>p{font-size:11px}.auth-card{padding:24px}.auth-courses span{font-size:10px;padding:7px 9px}.campus-caption{font-size:8px;letter-spacing:1px;line-height:1.9}.hero h1{font-size:29px}.hero:after{font-size:8px;right:20px}}
@media(max-width:600px){.auth-panel{display:block;margin:13px;min-height:0;padding:26px 19px;background-position:45% center;border-radius:15px}.auth-intro{margin-bottom:25px}.auth-intro h1{font-size:29px;margin:14px 0 12px;line-height:1.5}.auth-intro>p{font-size:11px;color:#fff}.auth-intro .eyebrow{font-size:8px;letter-spacing:1px}.auth-courses{display:none}.campus-caption{margin-top:16px;font-size:8px;color:#d6e7f1}.auth-card{padding:25px 23px;border-radius:11px}.auth-card h2{font-size:21px;margin-top:17px}.hero{background-position:56% 65%;min-height:277px}.hero h1{font-size:28px}.hero p{font-size:11px}.hero:after{display:none}.campus-footnote{font-size:8px;gap:7px;letter-spacing:.4px;padding:11px 0}.announcement{margin-top:0}.campus-strip{display:none}}

/* Keep the announcement first, and discussion controls beside the feed. */
details.announcement{margin:0 0 20px;padding:0;overflow:hidden}
.announcement-heading{list-style:none;cursor:pointer;margin:0;padding:18px 22px;gap:9px;user-select:none}
.announcement-heading::-webkit-details-marker{display:none}
.announcement-heading:focus-visible{outline:2px solid #9cb6cb;outline-offset:-4px}
.announcement-heading h2{margin:0;flex:1;font-size:13px}
.announcement-heading small{margin-left:0}
.announcement-toggle{font-size:11px;white-space:nowrap;margin-left:5px;color:#927b52}
.announcement-toggle:before{content:'展开 ＋'}
.announcement[open] .announcement-toggle:before{content:'收起 −'}
.announcement[open] .announcement-heading{border-bottom:1px solid #eee4d3}
.announcement>p{margin:13px 22px;color:#796a50;line-height:1.95}
.announcement-contact{margin:15px 22px 18px}
#navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 22px;padding:5px;background:#edf3f7;border:1px solid #e0e9ef;border-radius:11px;position:sticky;top:100px;z-index:5;box-shadow:0 3px 12px #37577308}
.feed .nav-item{margin:0;justify-content:center;gap:7px;padding:10px 6px;white-space:nowrap;font-size:12px}
.feed .nav-item.active{background:#fff;box-shadow:0 2px 7px #285e8410}
.courses-label{margin-top:10px}
@media(max-width:800px){#navigation{top:88px}.feed .nav-item{font-size:11px;gap:5px}}
@media(max-width:600px){.sidebar{display:none}details.announcement{margin-bottom:15px}.announcement-heading{padding:15px 14px;gap:7px}.announcement-heading h2{font-size:12px}.announcement-heading small{display:none}.announcement-toggle{font-size:10px;margin-left:0}.announcement>p{margin:12px 15px;font-size:11px}.announcement-contact{margin:13px 15px 15px}#navigation{top:77px;gap:3px;margin-bottom:18px;padding:4px}.feed .nav-item{font-size:10px;gap:4px;padding:10px 3px}.feed .nav-item .line-icon{width:16px;height:16px}}
/* Community v2: shared study tools, responsive ranking and course scopes. */
.search input{min-width:0}.search button{flex-shrink:0;padding:5px 9px;border-radius:6px;background:#e1ebf3;color:#285e84;font-size:12px}.search-status{padding:12px 15px;margin:0 0 18px;background:#eaf3f8;border-radius:8px;color:#3f6c88;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.course-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:11px;color:#8799a7}.resource-card .course-provider{color:#526f83;margin-bottom:0}.resource-card .course-cta{font-size:11px;color:#2d6b94}.resource-intro h3 small{font-size:12px;color:#859eae;margin-left:7px}.resource-url{color:#2d6b94;text-decoration:underline;overflow-wrap:anywhere}.feed-heading{scroll-margin-top:160px}
#navigation{grid-template-columns:repeat(6,minmax(0,1fr))}.feed .nav-item{gap:5px;font-size:11px}
.scope-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:0 0 22px}.scope-controls label,.answer-order label{font-size:11px;color:#667f92;display:flex;gap:9px;align-items:center}.scope-controls select,.answer-order select{max-width:230px;padding:8px 11px;border:1px solid #dce7ee;border-radius:7px;background:#fff;color:#365971;font-size:12px}
.answer-order{margin:-7px 0 22px}.answer-order label{justify-content:flex-end}.detail-actions{flex-wrap:wrap;gap:8px}.edited-note{font-size:10px;color:#8897a3;margin-top:13px}.answer-actions{display:flex;gap:16px;align-items:center;margin:16px 0 0}.answer-like{border:1px solid #d9e5ed;border-radius:7px;padding:8px 12px;font-size:12px;color:#628197;background:#f9fcfd}.answer-like b{font-weight:600;margin-left:4px}.answer-like.is-liked{background:#edf4fb;border-color:#afccdf;color:#285e84}.answer-like:disabled{opacity:.55}.accept-button{font-size:11px;color:#4b8271}.accepted-answer{border:1px solid #d7e9df;background:#f7fbf8;border-radius:10px;padding:20px 16px;margin:12px 0}.accepted{margin-left:auto;color:#4a8b6c;white-space:nowrap}.kind-tag{background:#f7f1e9;color:#9a7d52}
.ranking-intro{background:linear-gradient(125deg,#e9f2f8,#f7f1e8);padding:27px;border:1px solid #dfe8ee;border-radius:13px;margin:21px 0}.ranking-intro h3{font-size:22px;line-height:1.6;color:#244e6a;margin:13px 0}.ranking-intro>p{font-size:12px;line-height:1.9;color:#678095}.my-rank{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #d9e4e9;margin-top:21px;padding-top:18px}.my-rank span{font-size:11px;color:#718797}.my-rank b{display:block;font-size:20px;color:#285e84;font-weight:600;margin-top:8px}.ranking-tabs{display:flex;gap:8px;margin:19px 0}.ranking-tabs button{font-size:12px;padding:10px 17px;border:1px solid #dfe8ee;border-radius:8px;color:#7890a0;background:#fff}.ranking-tabs button[aria-pressed=true]{background:#285e84;border-color:#285e84;color:#fff}.ranking-list{border:1px solid #e0e8ef;border-radius:12px;background:#fff;overflow:hidden}.ranking-row{display:flex;align-items:center;gap:13px;padding:20px;border-bottom:1px solid #edf1f4}.ranking-row:last-child{border-bottom:none}.ranking-row.is-me{background:#f4f9fc}.rank-num{min-width:28px;font-size:17px;color:#91a3b0;font-weight:600;text-align:center}.top-rank{color:#b18b45}.rank-person{flex:1;min-width:0}.rank-person strong{font-size:13px;color:#3f5f75;overflow-wrap:anywhere}.rank-person small,.rank-score small{display:block;font-size:10px;color:#8fa0ac;margin-top:7px}.rank-score{text-align:right}.rank-score b{font-size:24px;color:#285e84}.ranking-note{font-size:11px;line-height:1.9;color:#8a9aa7;margin:19px 4px}.ranked-answer .post-title{display:block;margin-top:13px}.ranked-answer .detail-body{font-size:12px;color:#687e8d}
.resource-intro{margin:22px 0 17px}.resource-intro h3{font-size:17px;color:#36586e}.resource-intro p{font-size:12px;line-height:1.9;color:#8194a2;margin:9px 0 12px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-card{display:block;border:1px solid #dfe8ee;border-radius:11px;background:#fff;padding:20px}.resource-card strong{font-size:14px;color:#365e7a}.resource-card p{font-size:11px;color:#8799a7;line-height:1.9;margin:10px 0 15px}.resource-card small{font-size:10px;color:#4a8b78;background:#edf6f1;border-radius:4px;padding:4px 6px}.resource-card:hover{border-color:#aac5d8}
@media(max-width:800px){#navigation{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-intro{padding:20px}.ranking-intro h3{font-size:20px}}
@media(max-width:600px){.feed .nav-item{font-size:10px;padding:9px 4px}.scope-controls{gap:12px;margin-bottom:17px}.scope-controls label{font-size:10px;gap:5px}.scope-controls select{padding:7px 6px;font-size:11px;max-width:150px}.my-rank{gap:17px}.my-rank b{font-size:17px}.ranking-row{padding:17px 12px;gap:9px}.rank-person strong{font-size:12px}.rank-score b{font-size:21px}.resource-grid{grid-template-columns:1fr}.resource-card{padding:18px}.ranking-intro .eyebrow{font-size:8px;letter-spacing:1px}.accepted-answer{padding:17px 12px}.answer-order select{font-size:11px;padding:7px 8px}}
@media(max-width:600px){.topbar{height:auto;min-height:108px;flex-wrap:wrap;gap:10px;padding:12px 16px}.topbar .brand{flex:1;min-width:0}.topbar .header-actions{order:1}.topbar .search{order:2;flex:0 0 100%;width:100%;max-width:none;padding:7px 10px}.topbar .search input{font-size:12px}.topbar .search button{font-size:11px}#navigation{top:108px}}
/* 琢玉智汇: campus evenings, project practice and private conversations. */
.brand{white-space:nowrap}.brand small{letter-spacing:2px}.auth-panel{background-image:linear-gradient(90deg,#163b57ba,#24425a24),url('assets/campus-sunset-west.jpg');background-position:center 65%}.inbox-button{position:relative;color:#285e84;width:38px;height:38px;border-radius:50%;background:#edf4f8}.inbox-button svg{width:23px;height:23px}.inbox-button>span{position:absolute;top:-4px;right:-5px;border-radius:20px;min-width:17px;padding:2px 4px;background:#b86448;color:#fff;font-size:9px}.header-actions{gap:15px}#navigation{grid-template-columns:repeat(4,minmax(0,1fr))}#tools-panel{margin:18px 0 30px}.tool-empty{padding:35px 20px;background:#fff;border:1px dashed #cddde6;border-radius:12px;color:#728895;line-height:1.9}.tool-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:17px 0}.tool-actions span{font-size:12px;color:#6d8595}.tool-actions button:disabled{opacity:.5;cursor:default}.quest-intro{padding:30px;border-radius:16px;background:linear-gradient(90deg,#173d59e8,#234b68c9 60%,#30557150),url('assets/campus-sunset-sky.jpg') center 65%/cover;color:#f3f7fa;box-shadow:0 10px 30px #3455740d}.quest-intro>.eyebrow{color:#f2c6a5;font-size:10px;letter-spacing:1.6px}.quest-intro h3{font-size:25px;line-height:1.65;margin:16px 0}.quest-intro>p{font-size:12px;line-height:1.95;color:#e0eaf1;max-width:590px}.quest-stats{display:flex;gap:32px;flex-wrap:wrap;margin:25px 0 18px}.quest-stats span{font-size:11px;color:#d1e2ed}.quest-stats b{display:block;font-size:23px;color:#fff;margin-top:6px;font-weight:600}.quest-intro progress{width:100%;height:7px;border:0;border-radius:20px;overflow:hidden;accent-color:#efba94;background:#ffffff30}.quest-intro progress::-webkit-progress-bar{background:#ffffff30}.quest-intro progress::-webkit-progress-value{background:#efba94}.quest-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.quest-badges span{border:1px solid #ffffff38;color:#adc1ce;border-radius:20px;padding:6px 10px;font-size:10px}.quest-badges .earned{color:#f9d5ac;background:#edd4a21c;border-color:#efd1ab88}.quest-intro .practice-note{font-size:10px;color:#c7d9e5;margin-top:16px}.quest-filter{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 17px}.quest-filter button{padding:9px 17px;background:#fff;border:1px solid #dae5ec;border-radius:8px;color:#6e899c;font-size:12px}.quest-filter .active{background:#285e84;color:#fff;border-color:#285e84}.quest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.quest-card{border:1px solid #dfe8ee;border-radius:13px;padding:22px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.quest-card .course-meta{justify-content:space-between;width:100%;font-size:10px;gap:7px}.quest-card .course-meta small{font-size:10px;color:#2d6c8c;padding:4px 8px;background:#eef5f9;border-radius:5px}.quest-card h3{font-size:18px;color:#294e67;line-height:1.5}.quest-card>p{font-size:12px;line-height:1.9;color:#7b909f;margin:12px 0;flex:1}.quest-state{color:#8e9fab;font-size:10px;margin:12px 0 18px}.quest-card .primary{font-size:12px;padding:11px 16px}.feedback-intro{background:linear-gradient(120deg,#e7f0f5,#f9f1e7);padding:25px;border-radius:13px;border:1px solid #e2e8eb}.feedback-intro h3{font-size:22px;color:#30566f;line-height:1.6}.feedback-intro>p{font-size:12px;color:#718695;line-height:2;margin:12px 0}.feedback-intro .tool-actions{margin-bottom:0}.feedback-form,.feedback-record{margin-top:19px;border:1px solid #dfe8ee;border-radius:12px;padding:24px;background:#fff}.feedback-form label,.admin-reply-form label,#challenge-workspace>label,.sample-case label{display:block;font-size:12px;line-height:1.8;color:#5b7589;margin:16px 0}.feedback-form .form-row label{margin-top:0}.feedback-records>h3{font-size:16px;margin:30px 0 10px;color:#365970}.feedback-record h4{font-size:17px;color:#365970;margin:17px 0 9px;overflow-wrap:anywhere}.feedback-record .detail-body{font-size:13px;color:#637b8d;margin:12px 0}.feedback-record>small,.feedback-reply small{font-size:10px;color:#8a9daa}.feedback-status{margin-left:auto;color:#8b744c;background:#fbf5e9;padding:4px 8px;border-radius:5px}.feedback-reply{margin:20px 0;padding:17px 19px;border-left:3px solid #a8c3d2;background:#f3f8fb;border-radius:0 8px 8px 0}.feedback-reply strong{font-size:12px;color:#476d87}.feedback-reply p{font-size:13px;color:#607f94;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;margin:11px 0}.admin-reply-form{border-top:1px solid #e0e9ef;padding-top:8px;margin-top:24px}.tool-dialog,.challenge-dialog{border:1px solid #d9e5ed;border-radius:17px;padding:30px;background:#fcfdfe;color:#365970;max-height:90dvh;overflow:auto;box-shadow:0 22px 90px #102c4540}.tool-dialog{width:min(680px,94vw)}.challenge-dialog{width:min(980px,96vw)}.tool-dialog::backdrop,.challenge-dialog::backdrop{background:#18344e80;backdrop-filter:blur(3px)}.tool-dialog .dialog-header,.challenge-dialog .dialog-header{position:sticky;top:-30px;z-index:2;padding:14px 0;background:#fcfdfe;gap:18px}.tool-dialog .dialog-header h2,.challenge-dialog .dialog-header h2{font-size:21px;line-height:1.6}.push-card{padding:20px;background:#edf4f8;border:1px solid #dae7ef;border-radius:12px;margin:10px 0 25px}.push-card strong{font-size:14px}.push-card p{font-size:12px;line-height:1.95;color:#718897;margin:10px 0}.push-card #push-message{color:#2c746a}.notice-item{display:flex;flex-direction:column;text-align:left;width:100%;gap:9px;padding:18px 19px;border:1px solid #e3eaf0;border-radius:10px;margin-top:10px;background:#fff;color:#58768a}.notice-item.unread{background:#f0f7fb;border-color:#c3dce9;box-shadow:inset 3px 0 #3d80a5}.notice-item>span{font-size:11px;color:#788e9e}.notice-item strong{font-size:14px;overflow-wrap:anywhere}.notice-item small{font-size:10px;color:#8a9eac}.notice-highlight{outline:2px solid #82b6ce;outline-offset:5px;border-radius:8px}.challenge-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;margin:10px 0 19px}.challenge-meta a{color:#3e7d9f;text-decoration:underline}#challenge-workspace>.detail-body{font-size:14px;line-height:2;color:#4e6e83}#challenge-workspace .practice-note{padding:15px 17px;border-radius:9px;background:#f1f6f9;font-size:12px;line-height:1.9;color:#6b8699;margin:18px 0}.hint-list{display:grid;gap:8px;margin:20px 0}.hint-list details{border:1px solid #dfe8ee;background:#fff;border-radius:8px;padding:13px 16px}.hint-list summary{cursor:pointer;color:#4c7590;font-size:12px}.hint-list p{font-size:13px;color:#7891a1;line-height:1.9;padding-top:12px}#challenge-code{font-family:Consolas,'Cascadia Code',monospace;font-size:13px;line-height:1.7;min-height:300px;background:#142c3d;color:#e7f0f5;border-color:#284b65;tab-size:4;white-space:pre;overflow:auto;resize:vertical;padding:20px}.code-status{color:#598091;font-size:12px;line-height:1.9;margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.sample-case{background:#fff;border:1px solid #dfe8ee;border-radius:10px;padding:16px;min-width:0}.sample-case h4{color:#426982;font-size:13px;margin-bottom:17px}.sample-case b{font-size:10px;color:#8299a8;font-weight:500}.sample-case pre,#solution-box pre{background:#f0f5f8;color:#3e637b;padding:12px;border-radius:7px;font-family:Consolas,monospace;font-size:12px;line-height:1.8;overflow:auto;margin:8px 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}.sample-case textarea{font-family:Consolas,monospace;font-size:12px}.sample-result{font-size:11px;line-height:1.8;color:#ac7657;white-space:pre-wrap;overflow-wrap:anywhere}.sample-result.passed{color:#3d8a76}.sample-result.failed{color:#b57554}#solution-box{margin-top:27px;padding-top:23px;border-top:1px solid #dae5ed}#solution-box h3{font-size:19px;margin-bottom:10px}#solution-box>.muted{font-size:12px;line-height:1.9}#solution-box pre{background:#162e40;color:#dfebf3;padding:23px;font-size:13px;white-space:pre;max-height:450px}
@media(max-width:800px){.quest-intro{padding:25px}.quest-intro h3{font-size:22px}.quest-grid{gap:12px}.quest-card{padding:19px}.sample-grid{grid-template-columns:1fr}.tool-dialog,.challenge-dialog{padding:23px}.tool-dialog .dialog-header,.challenge-dialog .dialog-header{top:-23px}.brand small{letter-spacing:1.8px}}
@media(max-width:600px){.header-actions{gap:11px}.header-actions .demo-tag{display:none}.brand{font-size:20px}.brand small{font-size:8px;letter-spacing:1.5px}.inbox-button{width:32px;height:32px}.inbox-button svg{width:20px;height:20px}#navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.quest-intro{padding:22px 19px;background-position:62% center}.quest-intro>.eyebrow{font-size:8px;letter-spacing:.8px}.quest-intro h3{font-size:21px;margin:12px 0}.quest-intro>p{font-size:11px}.quest-stats{gap:24px;margin-top:21px}.quest-stats b{font-size:21px}.quest-badges{gap:6px}.quest-badges span{font-size:9px;padding:5px 8px}.quest-grid{grid-template-columns:1fr}.quest-card{padding:20px}.quest-card h3{font-size:18px}.feedback-intro{padding:21px 19px}.feedback-intro h3{font-size:20px}.feedback-form,.feedback-record{padding:19px}.feedback-record .post-meta{flex-wrap:wrap;gap:7px}.feedback-status{margin-left:0}.feedback-record h4{font-size:16px}.tool-dialog,.challenge-dialog{padding:19px 16px;max-height:94dvh;border-radius:13px}.tool-dialog .dialog-header,.challenge-dialog .dialog-header{top:-19px}.tool-dialog .dialog-header h2,.challenge-dialog .dialog-header h2{font-size:18px}#challenge-code{font-size:12px;padding:15px}.tool-actions{gap:11px}.tool-actions .primary{font-size:11px;padding:12px 14px}.push-card{padding:17px}.sample-case{padding:15px}}