.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,350px);gap:30px}.hero-art.hero-formula{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;height:auto;min-height:280px;padding:23px 17px;border:1px solid #d9c6e8;background:#ffffffb8;border-radius:16px;text-align:center;overflow:visible}.hero-formula .eyebrow{font-size:9px;letter-spacing:.12em}.hero-formula h3{font-size:16px;margin:11px 0 8px;color:#74518d}.hero .hero-formula .hero-equation{font-size:13px;margin:0 0 13px;color:#8a6b9f}.hero-formula math{font-size:29px;color:#65417e;margin:10px 0 14px;max-width:100%;overflow-x:auto}.hero .hero-formula .hero-formula-tip{font-size:11px;margin:6px 0 16px;color:#957aaa;line-height:1.8}.formula-open{background:#e7d6f4;color:#6a4385;border:1px solid #cdb0e1;width:100%;font-size:13px}.formula-open span{margin-left:auto}.formula-dialog{width:min(1040px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:27px;border:1px solid #d7c4e5;border-radius:17px;background:#fbf9fd;color:#6e507e;overflow-y:auto;box-shadow:0 24px 100px #442a5a44}.formula-dialog::backdrop,.solution-access-dialog::backdrop{background:#32203d77}.formula-dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.formula-dialog h2{font-size:25px;margin:6px 0;color:#604175}.formula-dialog-head p{font-size:13px;color:#967fa5;line-height:1.8;margin:8px 0 18px}.formula-search-tools{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px}.formula-search-tools label{font-size:12px;color:#9576a8}.formula-search-tools input,.formula-search-tools select{display:block;width:100%;min-height:46px;font-size:16px;margin-top:6px;padding:10px 12px;border:1px solid #ddcce9;border-radius:9px;background:white;color:#674a79}.formula-categories{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.formula-categories button{border:1px solid #e1d3ec;border-radius:8px;background:white;padding:9px 12px;min-height:42px;font-size:12px;color:#9578a8}.formula-categories button.active{background:#e9d9f5;border-color:#cbb0df;color:#694583;font-weight:700}.formula-count{font-size:12px;color:#9a83aa;margin:14px 0}.formula-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.formula-card{padding:20px;border:1px solid #e4d8ed;background:white;border-radius:11px;overflow-wrap:anywhere}.formula-card-meta{font-size:10px;color:#a18aaf}.formula-card h3{font-size:17px;margin:8px 0 12px;color:#6f4d84}.formula-expression{font:18px/1.8 Georgia,"Noto Sans TC",serif;white-space:pre-wrap;color:#79538f;background:#f7f1fc;border-radius:8px;padding:13px;overflow-wrap:anywhere}.formula-card p{font-size:12px;line-height:1.9;color:#927b9f;margin-bottom:0}.formula-card p b{display:block;font-size:10px;letter-spacing:.03em;color:#b19abe;margin-bottom:4px}.formula-empty{grid-column:1/-1;padding:35px 15px;text-align:center}.formula-empty h3{font-size:18px}.formula-empty p{font-size:13px}.solution-access-dialog{width:min(520px,calc(100vw - 28px));border:1px solid #d9c5e8;border-radius:14px;padding:26px;color:#745184}.solution-access-dialog h3{font-size:20px;color:#644277;margin:0 0 14px}.solution-access-dialog p{font-size:14px;line-height:1.9;margin-bottom:22px}.solution-access-dialog>div{display:flex;gap:10px;flex-wrap:wrap}.solution-access-dialog .button{font-size:13px;flex:1}.journal-tabs{align-items:center;flex-wrap:nowrap;gap:10px}.journal-tab-options{display:flex;gap:8px;flex:1;flex-wrap:wrap}.journal-tabs #journal-lock-now{margin-left:auto;flex:none;min-height:44px;font-size:12px;padding:10px 13px;color:#856195;background:white;border-color:#d8c3e7}.lesson-date-weekday{display:block;color:#967ca7;font-size:11px;line-height:1.8;margin:6px 0 0}.home-exam{border:2px solid #c6a5dc;background:linear-gradient(115deg,#eee0f9,#faf5ff);padding:25px 28px;box-shadow:0 7px 24px #b598cc18}.home-exam-head .eyebrow{font-size:12px;color:#7f579c;letter-spacing:.11em}.home-exam .home-exam-head label{color:#7f5796}.home-exam #home-exam-content{grid-template-columns:minmax(200px,1fr) minmax(0,1.2fr);gap:28px;align-items:center;margin-top:12px}.exam-kicker{font-size:13px;color:#8c6b9e}.exam-number{display:flex;align-items:baseline;gap:12px;color:#71458b;margin:8px 0 4px}.exam-number strong{font:700 76px/1 Georgia,serif;letter-spacing:-.04em}.exam-number span{font-size:20px;font-weight:600}.home-exam .exam-countdown-main h3{font-size:15px;margin:8px 0;color:#805d94}.home-exam #home-exam-content>div+div{border-left:1px solid #d6bce7;padding:16px 0 16px 26px}.home-exam #home-exam-content b{font-size:13px}.home-exam[data-urgency=soon]{border-color:#cca56b;background:linear-gradient(115deg,#faead1,#fffaf2)}.home-exam[data-urgency=soon] .exam-number{color:#a46f2f}.home-exam[data-urgency=soon] .exam-kicker{color:#a87c40}.home-exam[data-urgency=expired]{background:#f4eff6;border-color:#d7c9df}.home-exam #home-exam-refresh{min-height:44px;font-size:11px}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art.hero-formula{display:flex;min-height:250px;max-width:500px;justify-self:stretch}.hero-formula math{font-size:32px}}
@media(max-width:760px){.formula-dialog{padding:20px}.formula-results{grid-template-columns:minmax(0,1fr)}.home-exam{padding:21px}.home-exam #home-exam-content{grid-template-columns:minmax(0,1fr);gap:12px}.home-exam #home-exam-content>div+div{border-left:0;border-top:1px solid #d6bce7;padding:16px 0 0}.exam-number strong{font-size:68px}.hero-art.hero-formula{display:flex;max-width:none;padding:20px 14px;min-height:250px}.hero .hero-formula .hero-formula-tip{font-size:12px}.hero-formula math{font-size:30px}}
@media(max-width:600px){.journal-tabs{align-items:flex-start}.journal-tab-options{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}.journal-tab-options button{padding:9px 7px;font-size:11px;min-height:40px}.journal-tabs #journal-lock-now{font-size:11px;padding:9px 10px}.formula-search-tools{grid-template-columns:minmax(0,1fr)}.formula-search-tools select{max-width:180px}.formula-dialog{padding:18px}.formula-card{padding:17px}.formula-expression{font-size:17px}.formula-dialog h2{font-size:22px}.hero-formula math{font-size:25px}.home-exam-head .eyebrow{font-size:11px}.exam-number strong{font-size:64px}.solution-access-dialog{padding:21px}.solution-access-dialog .button{flex:1 1 100%}}
@media print{.hero-formula,.formula-dialog,.solution-access-dialog{display:none!important}}