:root{--navy:#16294d;--deep:#08152d;--panel:#172f58;--gold:#d5ae35;--gold2:#f5d66f;--ivory:#f5f0e3;--muted:#9aa9c4;--line:rgba(213,174,53,.30);--serif:"Noto Serif TC","Songti TC",serif;--ease:cubic-bezier(.22,.8,.28,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1000px 600px at 78% 0,rgba(52,91,150,.19),transparent 58%),var(--deep);color:var(--ivory);font-family:var(--serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#pre{position:fixed;inset:0;z-index:300;background:var(--deep);display:grid;place-items:center;transition:opacity .55s ease,visibility .55s ease}#pre.done{opacity:0;visibility:hidden;pointer-events:none}.prebox{text-align:center}.pre-logo{width:132px;height:132px;margin:auto;position:relative;border-radius:50%;display:grid;place-items:center}.pre-logo img{width:118px;height:118px;border-radius:50%;object-fit:cover}.pre-logo:before{content:"";position:absolute;inset:-8px;border:1px solid rgba(213,174,53,.55);border-radius:50%;box-shadow:0 0 28px rgba(213,174,53,.18)}.pre-logo:after{content:"";position:absolute;inset:-12px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 78%,rgba(245,214,111,.78) 90%,transparent 100%);mask:radial-gradient(circle,transparent 0 54%,#000 55% 57%,transparent 58%);animation:scan 2.6s linear 1}.pre-title{margin-top:24px;font-size:13px;letter-spacing:.48em;color:var(--gold);font-weight:800;text-indent:.48em}.pre-sub{margin-top:9px;font-size:22px;letter-spacing:.18em;font-weight:900}@keyframes scan{to{transform:rotate(360deg)}}
.dx-appbar{margin:0 0 18px!important}.hero{position:relative;min-height:610px;border-bottom:1px solid var(--line);overflow:hidden}.hero:before{content:"法財會經";position:absolute;right:-.03em;bottom:-.18em;font-size:clamp(150px,24vw,390px);font-weight:900;color:rgba(213,174,53,.045);letter-spacing:-.1em;white-space:nowrap}.hero-grid{max-width:1260px;margin:auto;padding:120px 34px 70px;display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}.eyebrow{font-family:Georgia,serif;color:var(--gold2);font-style:italic;font-size:17px;letter-spacing:.22em;font-weight:700}.hero h1{font-size:clamp(48px,6vw,88px);line-height:1.04;margin:18px 0 22px;letter-spacing:.025em}.hero h1 span{color:var(--gold2)}.hero p{max-width:660px;color:#c7d2e6;font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid rgba(213,174,53,.45);border-radius:999px;color:#f9e8a9;font-weight:800;background:rgba(213,174,53,.08);transition:.3s var(--ease)}.btn:hover{transform:translateY(-3px);background:rgba(213,174,53,.15);box-shadow:0 14px 32px rgba(0,0,0,.22)}
.hero-visual{position:relative;height:390px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(213,174,53,.22);border-radius:50%;animation:orbit 18s linear infinite}.o1{width:340px;height:340px}.o2{width:255px;height:255px;animation-direction:reverse;animation-duration:14s}.o3{width:170px;height:170px;animation-duration:10s}.orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold2);top:50%;left:-5px;box-shadow:0 0 16px var(--gold)}@keyframes orbit{to{transform:rotate(360deg)}}.hero-seal{width:130px;border-radius:50%;filter:drop-shadow(0 0 26px rgba(213,174,53,.25));animation:breathe 4.8s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.035);filter:drop-shadow(0 0 34px rgba(245,214,111,.45))}}.quadrants{position:absolute;inset:0}.q{position:absolute;border:1px solid rgba(213,174,53,.28);background:rgba(20,42,78,.78);backdrop-filter:blur(8px);padding:12px 17px;border-radius:13px;font-size:13px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18)}.q b{display:block;color:var(--gold2);font-size:18px;margin-top:2px}.q1{left:0;top:28px}.q2{right:0;top:72px}.q3{left:28px;bottom:35px}.q4{right:8px;bottom:12px}
.wrap{max-width:1420px;margin:auto;padding:0 28px}.finder{margin-top:-42px;position:relative;z-index:5;padding:22px 26px;border:1px solid rgba(213,174,53,.38);border-radius:25px;background:linear-gradient(135deg,rgba(27,53,96,.96),rgba(11,28,56,.96));box-shadow:0 28px 60px rgba(0,0,0,.27)}.finder-grid{display:grid;grid-template-columns:370px 1fr;gap:25px;align-items:center}.finder h2{margin:0 0 5px;font-size:27px}.finder h2 small{display:block;font-family:Georgia,serif;font-style:italic;font-size:13px;letter-spacing:.22em;color:var(--gold2);margin-bottom:8px}.finder p{margin:0;color:var(--muted);font-size:13px}.searchbox{position:relative}.searchbox input{width:100%;height:60px;border:1px solid rgba(213,174,53,.34);border-radius:18px;background:#07152f;color:#fff;padding:0 60px 0 52px;font-size:16px;outline:none;transition:.25s}.searchbox input:focus{border-color:var(--gold2);box-shadow:0 0 0 4px rgba(213,174,53,.1)}.searchbox:before{content:"⌕";position:absolute;left:19px;top:14px;color:var(--gold2);font-size:27px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.filter{border:1px solid rgba(213,174,53,.25);background:transparent;color:#c9d4e8;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:13px;font-weight:800}.filter.on{color:#10203e;background:var(--gold2);box-shadow:0 0 0 3px rgba(245,214,111,.2)}.result-count{position:absolute;right:18px;top:18px;color:#8696b4;font-size:12px}.result-count b{color:var(--gold2);font-size:18px}
.ruler{margin:78px 0 64px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#18345f,#0d2245);padding:28px 28px 30px;overflow:hidden;box-shadow:0 24px 56px rgba(0,0,0,.22)}.ruler-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.ruler-head h2{margin:0;font-size:23px}.ruler-head p{margin:0;color:var(--gold2);font-size:13px}.ruler-note{font-size:12px;color:#8ea2c4;margin-top:5px}.scale{position:relative;height:650px;margin-top:10px;overflow-x:auto;overflow-y:hidden}.scale-in{position:relative;min-width:1030px;height:620px;margin:0 34px}.track{position:absolute;left:100px;right:40px;height:1px;background:rgba(184,199,226,.28)}.track:before{content:attr(data-title);position:absolute;left:-105px;top:-11px;color:var(--gold2);font-size:13px;font-weight:900}.track-law{top:90px}.track-finance{top:235px}.track-accounting{top:380px}.track-economics{top:525px}.ticks{position:absolute;left:100px;right:40px;bottom:10px;height:25px;border-bottom:9px solid var(--gold);border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(245,214,111,.42) calc(10% - 1px) 10%)}.ticks span{position:absolute;top:26px;color:#9eaecd;font-size:11px;transform:translateX(-50%)}.point{position:absolute;transform:translateX(-50%);z-index:3;cursor:pointer;--pc:#f5d66f}.dot{width:18px;height:18px;border-radius:50%;background:#18345f;border:3px solid var(--pc);box-shadow:0 0 18px var(--pc);margin:auto;transition:.3s}.label{position:absolute;left:50%;transform:translateX(-50%);min-width:110px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--pc) 72%,transparent);border-radius:11px;background:#091832;text-align:center;font-size:12px;font-weight:900;line-height:1.35;color:#fff;transition:.3s;white-space:nowrap}.label b{display:block;color:var(--pc);font-size:14px}.point.up .label{bottom:27px}.point.down .label{top:27px}.point.up:after,.point.down:after{content:"";position:absolute;left:50%;width:1px;height:18px;background:color-mix(in srgb,var(--pc) 62%,transparent)}.point.up:after{bottom:18px}.point.down:after{top:18px}.point:hover,.point.match{z-index:12}.point:hover .dot,.point.match .dot{transform:scale(1.35);background:var(--pc)}.point:hover .label,.point.match .label{box-shadow:0 0 22px color-mix(in srgb,var(--pc) 40%,transparent);transform:translateX(-50%) translateY(-2px)}.point.dim{opacity:.13;filter:saturate(.2)}.point.hide{display:none}.sync-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(213,174,53,.45);border-radius:999px;padding:8px 13px;color:#f7e5a3;font-size:12px;font-weight:800}.sync-pill i{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}
.section{padding:68px 0 12px;scroll-margin-top:90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:23px}.section-head .no{font-family:Georgia,serif;font-style:italic;color:var(--gold2);font-size:12px;letter-spacing:.28em}.section-head h2{font-size:36px;margin:7px 0 0}.section-head p{max-width:560px;color:#91a4c3;font-size:13px;line-height:1.7;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{position:relative;border:1px solid rgba(213,174,53,.25);border-radius:18px;background:linear-gradient(155deg,rgba(26,53,94,.94),rgba(8,24,51,.95));overflow:hidden;padding:21px 19px 18px;min-height:245px;transition:.35s var(--ease);box-shadow:0 16px 38px rgba(0,0,0,.15)}.card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c)}.card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 24px 55px rgba(0,0,0,.3)}.school{font-size:12px;color:var(--c);font-weight:900;letter-spacing:.08em}.card h3{font-size:21px;line-height:1.35;margin:12px 0 6px}.card .en{font-family:Georgia,serif;font-style:italic;font-size:11px;color:#8294b4;letter-spacing:.14em}.card .facts{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.card .facts span{padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.055);font-size:11px;color:#c5d0e3}.card .score{border-top:1px solid rgba(255,255,255,.08);padding-top:13px;color:#9fb0ca;font-size:12px}.card .score b{color:var(--gold2);font-size:18px}.card .go{position:absolute;right:18px;bottom:18px;color:var(--c);font-weight:900}.card.filtered{display:none}.noresult{display:none;margin:35px 0;padding:25px;text-align:center;border:1px dashed rgba(213,174,53,.45);border-radius:18px;color:#b8c4d9}.noresult.on{display:block}
.analysis{margin:75px 0 40px;padding:35px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(29,55,96,.83),rgba(10,27,56,.92))}.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.analysis-card{border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:18px;background:rgba(255,255,255,.035)}.analysis-card b{color:var(--gold2);font-size:18px}.analysis-card p{font-size:12px;line-height:1.75;color:#aebcd2}.sources{margin:50px 0 80px;padding:26px;border-top:1px solid var(--line);color:#9aa9c4;font-size:12px;line-height:1.8}.sources strong{color:#fff}.sources a{color:var(--gold2);text-decoration:underline;text-underline-offset:3px}.footer{border-top:1px solid var(--line);padding:30px;text-align:center;color:#8495b1;font-size:12px}.footer b{display:block;color:var(--gold2);font-size:14px;margin-bottom:6px}.mobile-menu{display:none}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;padding-top:105px}.hero-visual{height:320px}.finder-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.analysis-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.hero{min-height:auto}.hero-grid{padding:90px 20px 55px;gap:20px}.hero h1{font-size:46px}.hero p{font-size:14px}.hero-visual{height:280px;transform:scale(.82)}.wrap{padding:0 14px}.finder{padding:20px 16px;border-radius:20px;margin-top:-24px}.finder h2{font-size:22px}.ruler{margin-top:44px;padding:20px 12px}.ruler-head{display:block}.sync-pill{margin-top:12px}.scale{height:650px}.cards,.analysis-grid{grid-template-columns:1fr}.section{padding-top:50px}.section-head{display:block}.section-head h2{font-size:30px}.section-head p{margin-top:12px}.card{min-height:220px}.result-count{position:static;margin-top:10px}.q{font-size:11px;padding:10px}.q b{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* v2 audited: ruler clarity and mobile discoverability */
.ruler-note strong{color:#f6dfa0}
.ruler-swipe{display:none;margin-top:8px;color:#f0d989;font-size:11.5px;font-weight:800;letter-spacing:.04em}
@media(max-width:720px){.ruler-swipe{display:inline-flex;align-items:center;gap:6px;animation:rulerHint 2.4s ease-in-out infinite}.scale{scrollbar-color:#d5ae35 rgba(255,255,255,.08);scrollbar-width:thin}}
@keyframes rulerHint{0%,100%{opacity:.58;transform:translateX(0)}50%{opacity:1;transform:translateX(7px)}}
@media(prefers-reduced-motion:reduce){.ruler-swipe{animation:none!important}}