:root{--navy:#1b3a6b;--navy-dark:#12294c;--navy-mid:#254b85;--cream:#f5f1e8;--cream-soft:#efe9da;--gold:#b8860b;--gold-soft:#f0e4c4;--ink:#1a2233;--ink-mid:#5a6478;--ink-light:#8e97a8;--line:#ddd8cb;--rose:#c4574b;--white:#fff;--avatar-bg:#e4ebf6;--stage-bg:#e8f0e6;--stage-fg:#3d6b34;--sheet-max:420px;--radius-card:16px;--radius-sheet:18px;--shadow-soft:0 2px 10px #1b3a6b0f}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}body{background:var(--cream);color:var(--ink);font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.5}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.app{background:var(--cream);max-width:480px;min-height:100vh;margin:0 auto}.header{background:var(--navy-dark);color:var(--white);border-radius:0 0 26px 26px;padding:24px 20px 32px;position:relative;overflow:hidden}.header-glow{filter:blur(35px);pointer-events:none;background:#254b858c;border-radius:99px;width:140px;height:140px;position:absolute;top:-30px;right:-30px}.topbar{justify-content:space-between;align-items:center;display:flex;position:relative}.brand{align-items:center;gap:8px;display:flex}.logo{background:var(--gold);width:32px;height:32px;color:var(--navy-dark);border-radius:9px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.brand-name{letter-spacing:.02em;font-size:17px;font-weight:700}.login-btn{color:#b9c8e0;background:0 0;border:1px solid #34517f;border-radius:9px;padding:5px 11px;font-size:12px}.login-btn:hover{color:#fff;border-color:#4a6fa5}.header-title{margin:18px 0 0;font-family:Noto Serif TC,Georgia,serif;font-size:22px;font-weight:700;line-height:1.45;position:relative}.header-sub{color:#b9c8e0;margin:8px 0 0;font-size:13px;position:relative}.ladder{align-items:center;gap:0;margin-top:20px;display:flex;position:relative}.rung{text-align:center;border-radius:10px;flex-shrink:0;padding:7px 10px}.rung-k{opacity:.8;font-size:9.5px}.rung-v{font-size:13px;font-weight:700}.rung-mid{background:var(--navy-mid)}.rung-ks3{background:#4a6fa5}.rung-gcse{background:var(--gold)}.rung-gcse .rung-k{color:#4a3600}.rung-line{flex:1;min-width:8px;height:2px}.rung-line-1{background:linear-gradient(to right, var(--navy-mid), #4a6fa5)}.rung-line-2{background:linear-gradient(to right, #4a6fa5, var(--gold))}.tabs{background:#00000038;border-radius:12px;gap:6px;margin-top:22px;padding:4px;display:flex;position:relative}.tabs button{color:#b9c8e0;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 0;font-size:13px;font-weight:500}.tabs button.on{background:var(--white);color:var(--navy)}.main{margin-top:-12px;padding:0 20px 40px}.card{background:var(--white);border-radius:var(--radius-card);border:1px solid var(--line);padding:16px}.stats{box-shadow:var(--shadow-soft);justify-content:space-around;margin:12px 0 16px;padding:13px;display:flex}.stats-n{color:var(--navy);text-align:center;font-size:15px;font-weight:700}.stats-l{color:var(--ink-light);text-align:center;font-size:10.5px}.divider{background:var(--line);width:1px}.search{position:relative}.search input{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:10px 12px 10px 36px;font-size:16px}.search input:focus{border-color:var(--navy)}.search-icon{color:var(--ink-light);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin-top:12px;padding-bottom:4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--white);color:var(--ink-mid);border:1px solid var(--line);white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:6px 13px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.chip.on-navy{background:var(--navy);color:var(--white);border-color:var(--navy)}.chip.on-mid{background:var(--navy-mid);color:var(--white);border-color:var(--navy-mid)}.chip.on-rose{background:var(--rose);color:var(--white);border-color:var(--rose)}.count{color:var(--ink-light);align-items:center;gap:5px;margin:16px 0 10px;font-size:12px;display:flex}.list{flex-direction:column;gap:10px;display:flex}.empty{text-align:center;color:var(--ink-light);padding:48px 16px;font-size:13px;line-height:1.7}.empty-title{color:var(--ink-mid);margin:0 0 6px;font-size:14px;font-weight:600}.empty-hint{margin:0}.tcard{gap:12px;transition:border-color .15s;display:flex;position:relative}.tcard:active{border-color:var(--navy)}.fav{z-index:2;color:#c5cbd6;background:0 0;border:none;padding:4px;display:flex;position:absolute;top:12px;right:12px}.fav.on{color:var(--rose)}.tcard-main{text-align:left;min-width:0;color:inherit;background:0 0;border:none;flex:1;gap:12px;padding:0;display:flex}.avatar{background:var(--avatar-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;display:flex}.avatar-lg{border-radius:14px;width:62px;height:62px;font-size:30px}.tname{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);margin:0;font-size:15px;font-weight:600;overflow:hidden}.meta{color:var(--ink-mid);align-items:center;gap:4px;margin:3px 0 0;font-size:12.5px;display:flex}.pills{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.pill{background:var(--gold-soft);color:#7a5a08;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:500}.pill.navy{background:var(--avatar-bg);color:var(--navy)}.pill.stage{background:var(--stage-bg);color:var(--stage-fg)}.price{color:var(--navy);font-size:13.5px;font-weight:600}.price span{color:var(--ink-light);font-size:11px;font-weight:400}.stars{color:var(--gold);align-items:center;gap:3px;font-size:12.5px;font-weight:600;display:inline-flex}.row{justify-content:space-between;align-items:center;display:flex}.tcard-langs{color:var(--ink-mid);font-size:12px}.tcard-head{align-items:center;gap:8px;padding-right:20px;display:flex}.tcard-body{flex:1;min-width:0}.tcard-footer{margin-top:9px}.sheet{z-index:60;background:#12294c73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-body{background:var(--white);width:100%;max-width:var(--sheet-max);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;max-height:88vh;padding:20px;animation:.2s ease-out sheet-up;overflow-y:auto}.sheet-body.narrow{max-width:360px}.sheet-body.centered{text-align:center}@keyframes sheet-up{0%{opacity:.6;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--ink-light);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:10.5px;font-weight:600}.close{color:var(--ink-light);background:0 0;border:none;align-items:center;padding:2px;display:flex}.field{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:10px 12px;font-size:16px}.field:focus{border-color:var(--navy)}.field-gap{margin-bottom:12px}label{color:var(--ink);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.btn{background:var(--navy);color:var(--white);border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.btn:disabled{cursor:not-allowed;background:#c5cbd6}.btn-full{width:100%}.slot{text-align:left;background:var(--white);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:11px 14px;font-size:13.5px;font-weight:500}.slot.on{background:var(--navy);color:var(--white);border-color:var(--navy)}.review{background:var(--cream);border-radius:12px;margin-bottom:10px;padding:12px}.review p{color:var(--ink-mid);margin:5px 0 0;font-size:12px;line-height:1.65}.note{background:var(--cream);text-align:left;border-radius:12px;gap:10px;padding:12px;display:flex}.note.soft{background:var(--cream-soft)}.note p{color:var(--ink-mid);margin:0;font-size:12px;line-height:1.65}.note-icon{color:var(--navy);flex-shrink:0;margin-top:2px}.modal-title{align-items:center;gap:6px;margin:0;font-size:16px;font-weight:700;display:flex}.modal-lead{color:var(--ink-mid);margin:6px 0 14px;font-size:12.5px}.profile-bio{color:#3a4356;margin-top:16px;font-size:13.5px;line-height:1.7}.profile-section{margin-top:14px}.profile-section.first{margin-top:16px}.profile-reviews{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.profile-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.profile-price{color:var(--navy);font-size:21px;font-weight:700}.profile-price-unit{color:var(--ink-light);font-size:12px}.success-icon{background:var(--avatar-bg);width:48px;height:48px;color:var(--navy);border-radius:99px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.success-title{margin:0 0 4px;font-weight:600}.success-sub{color:var(--ink-mid);margin:0 0 14px;font-size:13px}.field-row{gap:10px;margin-bottom:12px;display:flex}.field-row>div{flex:1}.tutor-intro{gap:12px;margin-bottom:12px;display:flex}.tutor-intro p{color:var(--ink-mid);margin:0;font-size:12.5px;line-height:1.7}.fee-highlight{color:var(--navy);font-weight:700}.helper{color:var(--ink-light);margin:-6px 0 12px;font-size:11.5px;line-height:1.5}.review-count{color:var(--ink-light);margin-left:5px;font-size:11px}.hide{display:none}.mt-16{margin-top:16px}