:root{--bg:#151d20;--bg2:#2a303a;--panel:rgba(32,45,46,.82);--panel2:rgba(42,56,58,.9);--ink:#f6f2e8;--muted:#c7d0cc;--soft:#8d9995;--line:rgba(110,145,137,.34);--accent:#58dca7;--accent2:#d8c99d;--warn:#ff9f57;--ok:#58dca7;--radius:8px;--shadow:0 28px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;line-height:1.7;letter-spacing:0}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(120deg,rgba(18,39,38,.96),rgba(22,27,31,.98) 42%,rgba(15,20,24,.98)),radial-gradient(circle at 82% 16%,rgba(88,220,167,.16),transparent 34%),radial-gradient(circle at 88% 40%,rgba(216,201,157,.11),transparent 24%)}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(rgba(88,220,167,.45) 1px,transparent 1px),radial-gradient(rgba(216,201,157,.33) 1px,transparent 1px);background-position:right top,calc(100% - 80px) 120px;background-size:18px 18px,26px 26px;mask-image:radial-gradient(circle at 82% 22%,#000 0 22%,transparent 46%);opacity:.72}a{color:var(--accent);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}strong,.hero-panel strong,.dashboard-grid strong,.stat-row strong,.table-quota{font-family:Inter,"Noto Sans TC",sans-serif}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(24px,6vw,120px);background:rgba(19,27,30,.82);border-bottom:1px solid rgba(110,145,137,.22);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#f6f2e8;color:#141b1e;font-family:Inter,sans-serif;font-weight:900}.brand small{display:block;color:var(--soft);font-size:12px}.site-header nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.site-header nav a{color:var(--ink);font-size:14px;font-weight:700}.lang-toggle{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:8px;padding:8px 10px;font-weight:800;color:var(--ink)}
main{max-width:1240px;margin:0 auto;padding:0 clamp(24px,6vw,120px)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:54px;align-items:center;min-height:560px;padding:92px 0 54px}.hero h1{margin:8px 0 18px;max-width:800px;font-size:clamp(42px,5vw,70px);line-height:1.08;font-weight:900;letter-spacing:0;color:var(--ink)}.hero p{max-width:790px;color:var(--muted);font-size:19px;font-weight:600}.eyebrow{margin:0;color:var(--accent);font-weight:900;font-size:14px}.hero-actions,.fact-row{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid rgba(246,242,232,.34);border-radius:10px;background:rgba(255,255,255,.05);color:var(--ink);font-weight:800;transition:.2s ease}.button.primary{background:linear-gradient(180deg,#67e6b4,#49c891);color:#11211d;border-color:transparent;box-shadow:0 16px 32px rgba(88,220,167,.22)}.button:hover{transform:translateY(-1px);text-decoration:none;border-color:rgba(88,220,167,.65)}
.search-shell{display:flex;max-width:720px;margin:28px 0 16px;border:1px solid var(--line);border-radius:10px;background:rgba(16,25,27,.82);box-shadow:0 18px 50px rgba(0,0,0,.18);overflow:hidden}.search-shell input{min-width:0;flex:1;border:0;padding:15px 18px;background:transparent;font:inherit;color:var(--ink);outline:none}.search-shell input::placeholder{color:#95a19d}.search-shell .button{border:0;border-left:1px solid var(--line);border-radius:0}
.hero-panel,.region-grid article,.tool-card,.type-card,.dashboard-grid article,.value-grid article{background:linear-gradient(180deg,rgba(38,56,56,.88),rgba(25,36,38,.86));border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:0 1px 0 rgba(255,255,255,.04),var(--shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.tool-card:hover,.type-card:hover,.dashboard-grid article:hover,.value-grid article:hover{transform:translateY(-2px);box-shadow:0 32px 86px rgba(0,0,0,.34);border-color:rgba(88,220,167,.68)}.hero-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;overflow:hidden;background:rgba(27,40,42,.64);box-shadow:0 0 0 1px rgba(88,220,167,.16),0 30px 90px rgba(0,0,0,.32)}.hero-panel div{position:relative;min-height:132px;padding:24px;background:rgba(29,46,46,.82);border:1px solid rgba(88,220,167,.22);border-radius:8px}.hero-panel div:first-child::after{content:"";position:absolute;right:18px;bottom:18px;width:54px;height:54px;border:8px solid rgba(88,220,167,.26);border-top-color:var(--accent);border-radius:50%}.hero-panel div:nth-child(4)::after{content:"";position:absolute;right:20px;bottom:22px;width:74px;height:42px;background:repeating-linear-gradient(to bottom,var(--accent) 0 3px,transparent 3px 10px);opacity:.55}.hero-panel strong{display:block;color:var(--ink);font-size:42px;line-height:1}.hero-panel span{color:var(--muted);font-size:13px;font-weight:700}
.section{padding:64px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h2,.page-title h1{margin:0;color:var(--ink)}.section-heading p,.page-title p{color:var(--muted);margin:6px 0 0}.page-title{padding:54px 0 28px}.page-title h1{font-size:clamp(32px,4vw,52px);line-height:1.15}.stat-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.stat-row span{background:rgba(32,45,46,.82);border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--muted)}.stat-row strong{font-size:26px;margin-right:6px;color:var(--accent)}
.value-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.value-grid h2{font-size:18px;margin:12px 0 8px}.value-grid p,.dashboard-grid p{margin:0;color:var(--muted)}.verify-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(88,220,167,.45);border-radius:50%;color:var(--accent);font-weight:900}.dashboard-grid span{color:var(--soft);font-size:13px}.dashboard-grid strong{display:block;color:var(--accent);font-size:46px;line-height:1.1;margin:8px 0 10px}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:28px}.tool-card{display:flex;flex-direction:column;min-height:100%}.tool-card-top{display:flex;justify-content:space-between;gap:14px;align-items:start}.tool-card h3{margin:0;font-size:17px;line-height:1.35}.quota-block{margin:18px 0 12px}.quota-label{display:block;color:var(--soft);font-size:12px;font-weight:800}.quota{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 0;color:var(--accent);font-family:Inter,"Noto Sans TC",sans-serif;font-size:18px;font-weight:900;line-height:1.55}.note{color:var(--muted);font-size:13px;margin-top:auto}
.badge,.status{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 9px;border-radius:8px;background:rgba(255,255,255,.08);color:var(--muted);font-size:12px;font-weight:900;white-space:nowrap}.status.verified,.status.strong{background:var(--accent);color:#10201b}.status.partial{background:var(--warn);color:#1f1309}.status.pending,.status.noquota{background:rgba(246,242,232,.72);color:#20272b}.mini-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.mini-facts div{border-top:1px solid var(--line);padding-top:9px;min-width:0}.mini-facts dt{color:var(--soft);font-size:12px}.mini-facts dd{margin:0;font-weight:800;color:var(--ink);overflow-wrap:anywhere}.quota,.note,.name-cell strong,.name-cell small{overflow-wrap:anywhere}
.name-cell{display:flex;align-items:center;gap:10px}.name-cell small{display:block;color:var(--soft);font-size:12px;word-break:break-all}.logo{position:relative;display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}.logo img{width:23px;height:23px;object-fit:contain}.source-link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:38px;margin-top:auto;padding:8px 13px;border:1px solid rgba(88,220,167,.38);border-radius:8px;background:rgba(88,220,167,.1);color:var(--accent);font-weight:900}.source-link:hover{text-decoration:none;background:rgba(88,220,167,.18)}.compact-link{margin-top:0;min-height:32px;padding:6px 10px}
.line-icon{position:relative;display:inline-block;width:16px;height:16px;vertical-align:-3px;color:var(--accent);border:1px solid currentColor;border-radius:4px}.icon-chip::before{content:"";position:absolute;inset:4px;border:1px solid currentColor}.icon-palette{border-radius:50%}.icon-video::before{content:"";position:absolute;right:-5px;top:4px;border-left:6px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}.icon-wave{border:0}.icon-wave::before{content:"⌁";position:absolute;inset:-3px 0 0;color:currentColor;font-weight:800}.icon-search{border-radius:50%}.icon-search::after{content:"";position:absolute;width:7px;border-top:1px solid currentColor;right:-5px;bottom:0;transform:rotate(45deg)}.icon-code::before{content:"<>";position:absolute;left:1px;top:-3px;font-size:12px;font-weight:800}.icon-doc::before{content:"";position:absolute;left:4px;right:4px;top:5px;border-top:1px solid currentColor;box-shadow:0 4px 0 currentColor}.icon-spark{border-radius:50%}
.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.type-card{text-align:left;color:var(--ink);cursor:pointer}.type-card[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent),var(--shadow)}.type-card span{display:block;margin-top:10px;font-weight:900}.type-card strong{display:block;color:var(--accent);font-size:34px;margin-top:8px}.type-card small,.type-card em{color:var(--soft);font-style:normal}.type-card p{color:var(--muted);min-height:48px}.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.region-grid strong{display:block;color:var(--accent);font-size:42px;margin:8px 0}
.filters{position:sticky;top:78px;z-index:10;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin:16px 0 24px;padding:12px;background:rgba(18,27,30,.9);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(14px)}.filters input,.filters select{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:rgba(255,255,255,.06);font:inherit;color:var(--ink)}.filters option{background:#1d292c;color:var(--ink)}.table-wrap{overflow:auto;background:rgba(22,32,34,.76);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:15px;border-bottom:1px solid rgba(110,145,137,.22);text-align:left;vertical-align:top}th{background:rgba(11,18,20,.54);font-size:13px;color:var(--ink);font-weight:900}td{font-size:14px;color:var(--muted)}tbody tr:nth-child(even){background:rgba(255,255,255,.045)}tbody tr:hover{background:rgba(216,201,157,.12)}.table-quota{color:var(--ink);font-weight:900}.text-block{background:rgba(32,45,46,.82);border:1px solid var(--line);border-radius:10px;padding:24px}.site-footer{max-width:1240px;margin:20px auto 0;padding:24px clamp(24px,6vw,120px);color:var(--soft);border-top:1px solid rgba(110,145,137,.22)}
.back-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(29,42,44,.82);color:var(--accent);font-weight:900;box-shadow:0 18px 46px rgba(0,0,0,.26);opacity:0;pointer-events:none;transition:.2s ease}.back-top.visible{opacity:1;pointer-events:auto}.hidden-by-filter{display:none!important}
@media (max-width:900px){.site-header{position:static;align-items:flex-start;flex-direction:column;padding:14px 24px}.hero{grid-template-columns:1fr;min-height:0;padding-top:44px}.value-grid,.dashboard-grid{grid-template-columns:1fr}.section-heading{display:block}.filters{position:static;grid-template-columns:1fr}.search-shell{display:block}.search-shell .button{width:100%;border-left:0;border-top:1px solid var(--line)}main{padding:0 24px}.hero h1{font-size:34px;line-height:1.16}.section{padding:44px 0}.tool-card{overflow:hidden}.mini-facts{grid-template-columns:1fr}.badge{white-space:normal}table{min-width:760px}}