@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
:root{--ink:#152b36;--muted:#66747b;--paper:#f5f4ee;--orange:#d3542f;--line:#d9ddd5;--mint:#dce8d9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans TC',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.05em;font-size:20px}.brand small{display:block;font-size:8px;letter-spacing:.18em;margin-top:5px}.mark{display:grid;place-items:center;background:var(--orange);color:#fff;width:42px;height:42px;border-radius:50%;font-size:32px;font-weight:400}nav{display:flex;gap:22px;align-items:center;font-size:13px}nav [aria-current]{border-bottom:2px solid var(--orange);padding-bottom:5px}.private{font-size:10px;letter-spacing:.12em;color:var(--muted)}main{max-width:1440px;margin:auto;padding:0 5%}.hero{display:flex;justify-content:space-between;align-items:center;padding:62px 0 42px;gap:32px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--muted);margin:0 0 14px}h1{font-size:clamp(36px,4.3vw,65px);line-height:1.14;letter-spacing:-.045em;margin:0 0 24px;font-weight:700}h1 em{font-style:normal;color:var(--orange)}.intro{max-width:590px;line-height:1.8;color:var(--muted);margin:0}.hero-aside{display:flex;gap:34px;align-items:center;padding:24px 0}.hero-aside>div{display:flex;flex-direction:column;gap:9px}.hero-aside strong{font-size:52px;font-weight:500;letter-spacing:-.06em}.hero-aside span:not(.orb){font-size:9px;letter-spacing:.08em;max-width:100px;line-height:1.6}.orb{width:85px;height:85px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:var(--orange);font-size:65px;transform:rotate(-10deg)}.notice{display:flex;align-items:center;gap:15px;background:#e9ede4;border:1px solid #d6dfcf;padding:15px 20px;font-size:12px;line-height:1.8}.notice>span{font-size:21px}.notice p{margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:46px;padding:43px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head h2{font-size:28px;margin:0;letter-spacing:-.03em}.section-head .eyebrow{margin-bottom:7px}#count{font-size:11px;color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tabs button,.pick-filter{border:1px solid var(--line);padding:10px 13px;border-radius:5px;background:transparent;font-size:12px;color:var(--ink)}.tabs small{margin-left:6px;font-size:9px;opacity:.65}.tabs .active,.pick-filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.tools{display:flex;gap:9px;margin-bottom:23px}.search{border:1px solid var(--line);background:#fff8;display:flex;align-items:center;padding:0 13px;gap:10px;flex:1}.search span{font-size:24px}.search input{border:0;padding:11px 0;background:transparent;width:100%;min-width:0;color:var(--ink)}.list-label{display:flex;justify-content:space-between;padding:10px 52px 10px 0;font-size:9px;letter-spacing:.1em;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic{display:flex;align-items:center;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.rank{font-size:14px;font-variant-numeric:tabular-nums;color:#95a39f;align-self:start;margin-top:24px;width:25px;flex-shrink:0}.topic-name{flex:1;min-width:0}.region-tag{font-size:9px;letter-spacing:.07em;color:var(--muted)}.topic h3{font-size:19px;letter-spacing:-.02em;margin:7px 0;overflow-wrap:anywhere}.topic p{font-size:11px;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}.topic a{font-size:10px;color:var(--orange)}.volume{text-align:right;min-width:57px}.volume strong{display:block;font-size:20px;font-weight:500}.volume span{font-size:9px;color:var(--muted)}.star{border:0;background:none;color:#748077;font-size:26px;width:35px;padding:5px}.star.chosen{color:var(--orange)}.fine{font-size:11px;color:var(--muted);line-height:1.9}.sidebar{padding-top:5px}.panel{padding:26px;border:1px solid var(--line);margin-bottom:22px}.arena{background:var(--ink);color:#f4f5ed;border:0}.arena .eyebrow{color:#a9c2b5}.arena h2{font-size:29px;line-height:1.3;margin:23px 0;letter-spacing:-.03em}.arena p:not(.eyebrow){font-size:12px;line-height:1.8;color:#bbcbc7}.score{display:flex;align-items:center;gap:19px;margin:28px 0}.score strong{font-size:60px;font-weight:400;color:#d4e8c7}.score span{font-size:9px;letter-spacing:.1em}.reset{display:flex;justify-content:space-between;background:#d4e8c7;border:0;width:100%;padding:13px 15px;color:var(--ink);font-size:12px}.unavailable{font-size:10px;line-height:1.8;color:#b0c0bc;border-top:1px solid #42606a;margin-top:23px;padding-top:18px}.sources h3{font-size:17px}.sources>a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.empty{padding:28px 22px;background:#e9ece5;margin-top:14px}.empty>span{font-size:10px;color:var(--orange);letter-spacing:.15em}.empty h3{font-size:17px}.empty p{font-size:12px;line-height:1.7;color:var(--muted)}.method{display:flex;gap:40px;justify-content:space-between;border-top:1px solid var(--line);padding:38px 0 50px}.method h2{font-size:27px;letter-spacing:-.035em}.method>p{max-width:600px;font-size:12px;line-height:1.9;color:var(--muted);margin:0}footer{max-width:1440px;margin:auto;padding:25px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.08em;color:var(--muted)}@media(max-width:1000px){.orb{display:none}.hero-aside{gap:20px}.workspace{gap:25px;grid-template-columns:minmax(0,1fr) 260px}.panel{padding:22px}}@media(max-width:760px){header{padding:20px 5%}.brand{font-size:16px}.brand small{font-size:6px}.private{display:none}nav{gap:15px}.hero{padding:38px 0 30px;display:block}h1{font-size:40px}.hero-aside{padding:24px 0 0;gap:45px}.hero-aside>div{flex-direction:row;align-items:center}.hero-aside strong{font-size:32px}.hero-aside span:not(.orb){font-size:8px}.intro{font-size:13px}.workspace{display:flex;flex-direction:column;padding-top:32px}.section-head h2{font-size:25px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{margin:0;padding:20px}.arena h2{font-size:24px}.tabs{gap:6px}.tabs button{padding:9px 10px}.tabs small{display:none}.topic{gap:10px}.topic h3{font-size:17px}.method{display:block}.method p{font-size:12px}footer{font-size:8px}.notice{font-size:11px}}@media(max-width:480px){.sidebar{display:block}.panel{margin-bottom:18px}.brand small{letter-spacing:.1em}.section-head #count{font-size:9px}.rank{width:19px;font-size:11px}.topic h3{font-size:16px}.volume strong{font-size:18px}.star{width:25px;font-size:24px}.pick-filter{font-size:10px}.search input{font-size:12px}.list-label{padding-right:35px}.tools{gap:6px}footer{display:block;line-height:2.3}}
