.study-room{--paper:#faf8f4;--white:#fff;--ink:#292d30;--muted:#74716d;--line:#e4dfd8;--wine:#8c323c;--soft:#f5e9e9;--green:#3e6659;--serif:Georgia,"Noto Serif TC",serif}.study-room *{box-sizing:border-box}.study-room{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;font-size:15px;line-height:1.8}.study-room a{color:inherit;text-decoration:none}.study-room button,.study-room input,.study-room select{font:inherit}.study-room button,.study-room a,.study-room summary{touch-action:manipulation}.study-room button{cursor:pointer}.study-room button:disabled{cursor:default;opacity:.6}.study-room a:focus-visible,.study-room button:focus-visible,.study-room input:focus-visible,.study-room select:focus-visible,.study-room summary:focus-visible{outline:3px solid #bd8c4c;outline-offset:4px}.study-room header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:var(--paper)}.study-room .brand{display:flex;gap:13px;align-items:center;font-weight:650;font-size:21px}.study-room .brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:400}.study-room .logo{background:var(--wine);color:white;width:42px;height:49px;display:grid;place-items:center;font-size:28px;border-radius:20px 20px 22px 4px}.study-room .head-right{display:flex;gap:25px;align-items:center;font-size:12px}.study-room .private-label{color:var(--muted)}.study-room .search-link{border:1px solid var(--line);padding:7px 15px;border-radius:30px}.study-room .layout{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1600px;margin:auto;min-height:76vh}.study-room aside{border-right:1px solid var(--line);padding:36px 22px}.study-room .aside-label,.study-room .eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:18px}.study-room .aside-label{padding-left:12px}.study-room nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:13px;border-radius:6px;margin-bottom:5px}.study-room nav a span{color:var(--muted);font-size:12px}.study-room nav a.active{color:var(--wine);background:var(--soft);font-weight:650}.study-room nav a:hover{background:#eee9e2}.study-room .aside-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;font-size:12px;color:var(--muted)}.study-room .aside-bottom p{padding:0 12px}.study-room #progress{padding:0 12px}.study-room .bar{height:4px;border-radius:5px;background:var(--line);margin:10px 0}.study-room .bar i{height:100%;display:block;background:var(--wine)}.study-room main{min-width:0;padding:40px clamp(22px,4vw,70px) 65px}.study-room .eyebrow{color:var(--wine);margin:0 0 15px}.study-room .hero{position:relative;border-bottom:1px solid var(--line);padding:15px 230px 32px 0;min-height:220px}.study-room .hero h1{font-family:var(--serif);font-size:clamp(30px,3.3vw,47px);line-height:1.4;letter-spacing:1px;margin:0 0 16px}.study-room .hero p{font-size:14px;color:var(--muted);max-width:600px}.study-room .hero-art{position:absolute;right:10px;top:15px;width:170px;height:180px;background:var(--soft);border-radius:90px 90px 15px 15px;display:flex;align-items:center;justify-content:center}.study-room .blood-bag{width:80px;height:112px;border:2px solid var(--wine);border-radius:10px 10px 18px 18px;transform:rotate(9deg);position:relative;background:linear-gradient(0deg,#a74650 43%,transparent 43%)}.study-room .blood-bag:before{content:"＋";position:absolute;top:15px;left:22px;font-size:24px;color:var(--wine)}.study-room .blood-bag:after{content:"";position:absolute;top:-22px;left:34px;border:2px solid var(--wine);width:16px;height:20px;border-radius:3px}.study-room .stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:24px 0;gap:20px}.study-room .stat strong{font:30px var(--serif);display:block}.study-room .stat span{font-size:11px;color:var(--muted)}.study-room .section-head{display:flex;justify-content:space-between;align-items:baseline;margin:30px 0 16px}.study-room .section-head h2{font-size:19px;margin:0}.study-room .section-head span,.study-room .section-head a{font-size:12px;color:var(--muted)}.study-room .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.study-room .card{border:1px solid var(--line);background:var(--white);padding:23px;border-radius:9px;display:block;transition:transform .15s,box-shadow .15s}.study-room .card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #292d3008}.study-room .card .number{font:12px var(--serif);color:var(--wine);display:block;margin-bottom:12px}.study-room .card h3{font-size:18px;margin:5px 0 7px}.study-room .card p{font-size:13px;margin:7px 0;color:var(--muted)}.study-room .card .bottom{border-top:1px solid var(--line);padding-top:12px;margin-top:18px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.study-room .card .arrow{font-size:20px;color:var(--wine)}.study-room h1{font:34px/1.5 var(--serif);margin:0 0 16px}.study-room h2{font-size:22px}.study-room h3{font-size:17px}.study-room .muted,.study-room .intro{color:var(--muted)}.study-room .intro{font-size:14px}.study-room .toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.study-room .toolbar input{flex:1;min-width:160px}.study-room .field,.study-room input,.study-room select{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:5px;max-width:100%;min-width:0}.study-room input[type=checkbox]{width:auto}.study-room button,.study-room .btn{border:1px solid var(--line);background:white;border-radius:5px;padding:8px 15px;display:inline-block;color:var(--ink);font-size:13px}.study-room .btn.primary,.study-room button.primary{background:var(--wine);border-color:var(--wine);color:white}.study-room .btn:hover,.study-room button:hover{border-color:var(--wine)}.study-room .pill{display:inline-block;background:var(--soft);color:var(--wine);font-size:10px;padding:2px 8px;border-radius:20px;margin:2px}.study-room .pill.green{background:#e8efeb;color:var(--green)}.study-room .chapter-list{display:grid;gap:10px}.study-room .chapter-row{background:white;border:1px solid var(--line);border-radius:7px;padding:17px 20px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:15px;align-items:center}.study-room .chapter-row:hover{border-color:#b79898}.study-room .chapter-row b{font:24px var(--serif);color:var(--wine)}.study-room .chapter-row h3{margin:0;font-size:15px}.study-room .chapter-row small{font-size:11px;color:var(--muted)}.study-room .tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:15px;margin:25px 0}.study-room .tabs .selected{background:var(--soft);color:var(--wine);border-color:#d2aaaa}.study-room .reading{max-width:900px}.study-room .reading section{padding:15px 0;border-bottom:1px solid var(--line)}.study-room .reading p{white-space:pre-wrap}.study-room .reading .callout{background:#f2ede5;border-left:3px solid #bc9c6b;padding:16px 20px;margin:20px 0}.study-room .reading .callout h3{margin:0 0 7px}.study-room .table-wrap{overflow:auto;margin:24px 0;max-width:100%;border:1px solid var(--line);border-radius:5px}.study-room table{width:100%;border-collapse:collapse;font-size:13px;background:white}.study-room caption{text-align:left;padding:10px;background:#f1ece6;font-weight:600}.study-room th,.study-room td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:95px}.study-room th{background:#f1ece6}.study-room .reading figure{margin:24px 0;background:white;padding:16px;border:1px solid var(--line);border-radius:6px}.study-room .reading img,.study-room .exam-img{max-width:100%;height:auto;display:block;margin:auto;max-height:650px;object-fit:contain}.study-room .reading figcaption{font-size:12px;color:var(--muted);margin-top:12px}.study-room .reading li{margin:7px 0}.study-room mark{background:#f5e5b9;color:inherit;border-radius:2px;padding:1px 2px}.study-room.recall mark{color:transparent;background:#d9ceba;cursor:pointer}.study-room.recall mark.revealed{color:inherit;background:#f5e5b9}.study-room .question{padding:22px;border:1px solid var(--line);border-radius:7px;background:white;margin:18px 0}.study-room .question p{white-space:pre-wrap}.study-room .question h3{font-size:16px}.study-room .question .meta{font-size:11px;color:var(--muted)}.study-room .options{display:grid;gap:8px;margin:12px 0}.study-room .option{text-align:left;padding:11px 14px;white-space:pre-wrap}.study-room .option.right{background:#e7f1eb;border-color:#6b9d80;color:#26563c}.study-room .option.wrong{background:#f8e9e7;border-color:#bb716e}.study-room .answer{background:#f5f2ed;padding:16px;font-size:13px;white-space:pre-wrap;margin-top:15px}.study-room .flash{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:260px;white-space:pre-wrap;background:white;border:1px solid var(--line);border-radius:12px;padding:35px;font-size:20px;color:var(--ink)}.study-room .flash.back{font-size:17px;background:#f4ece6}.study-room .flash-meta{text-align:center;color:var(--muted);font-size:12px;margin:14px}.study-room .empty{padding:45px 20px;border:1px dashed var(--line);text-align:center;color:var(--muted)}.study-room details{margin:12px 0}.study-room summary{cursor:pointer;color:var(--wine)}.study-room .error{color:#aa3030}.study-room .lock-box{max-width:470px;margin:65px auto;padding:35px;border:1px solid var(--line);border-radius:12px;background:white}.study-room .lock-box p{font-size:13px;color:var(--muted)}.study-room .lock-box form{display:grid;gap:12px}.study-room iframe{width:100%;height:calc(100vh - 145px);min-height:600px;border:1px solid var(--line);border-radius:6px;background:white}.study-room .source-note{font-size:11px;color:var(--muted);padding:14px 0;border-top:1px solid var(--line);margin-top:25px}.study-room .breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:18px}.study-room .flow{display:flex;flex-wrap:wrap;gap:10px}.study-room .flow span{background:#f0ebe4;padding:12px;border-radius:5px}.study-room .skip{position:absolute;top:-100px;background:white;padding:10px;z-index:10}.study-room .skip:focus{top:0}.study-room footer{border-top:1px solid var(--line);padding:22px 4vw;font-size:10px;color:var(--muted)}.study-room .notice{font-size:12px;background:#f1ece4;padding:15px;border-radius:5px}.study-room .result{padding:14px 0;border-bottom:1px solid var(--line)}.study-room .result small{color:var(--muted)}@media(min-width:1000px){.study-room aside{position:sticky;top:0;height:100vh}}@media(max-width:950px){.study-room .layout{grid-template-columns:190px 1fr}.study-room aside{padding:25px 12px}.study-room .hero{padding-right:140px}.study-room .hero-art{width:115px;height:150px}.study-room .stats{gap:10px}.study-room .stat strong{font-size:25px}.study-room .grid{grid-template-columns:1fr}}@media(max-width:650px){.study-room header{height:85px;padding:0 18px}.study-room .brand{font-size:17px}.study-room .brand small{font-size:7px;letter-spacing:1px}.study-room .head-right{gap:8px}.study-room .private-label{display:none}.study-room .layout{display:block}.study-room aside{border-right:0;padding:12px 15px;border-bottom:1px solid var(--line)}.study-room aside>.aside-label,.study-room .aside-bottom{display:none}.study-room nav{display:flex;gap:4px;overflow:auto}.study-room nav a{white-space:nowrap;padding:7px 10px;margin:0;font-size:12px}.study-room nav a span{display:none}.study-room main{padding:25px 18px 45px}.study-room .hero{padding-right:90px;min-height:230px}.study-room .hero h1{font-size:29px}.study-room .hero-art{width:75px;height:115px;right:0;top:40px}.study-room .blood-bag{transform:scale(.65) rotate(9deg)}.study-room .hero p{font-size:12px}.study-room .stats{grid-template-columns:repeat(2,1fr);gap:18px}.study-room .stat strong{font-size:27px}.study-room .chapter-row{grid-template-columns:35px minmax(0,1fr);padding:14px;gap:10px}.study-room .chapter-row>span{display:none}.study-room .toolbar>*{max-width:100%}.study-room h1{font-size:27px}.study-room .question{padding:16px}.study-room .lock-box{padding:23px;margin:30px auto}}