@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+TC:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#07111f;--panel:#0a1424d1;--line:#7ea6ff2e;--text:#eef4ff;--muted:#97a8c5;--title:#fff;--shadow:0 24px 60px #00000059;--radius-xl:30px;--radius-lg:24px;--font-body:"IBM Plex Sans TC", "Noto Sans TC", sans-serif;--font-display:"Space Grotesk", "IBM Plex Sans TC", sans-serif;color:var(--text);font:17px/1.55 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 15% 20%,#00e5ff29,#0000 22%),radial-gradient(circle at 85% 15%,#954ce92e,#0000 24%),radial-gradient(circle at 50% 100%,#ff8f1f1f,#0000 28%),linear-gradient(#08111e 0%,#050b14 100%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}.portal-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0 64px}.page-header{margin-bottom:26px}.page-kicker,.section-kicker,.chip,.tool-audience{letter-spacing:.1em;text-transform:uppercase}.page-kicker,.section-kicker{color:#6ae7ff;margin:0 0 10px;font-size:.78rem;font-weight:700}.page-header h1,.section-head h2,.tool-card h2{color:var(--title);margin:0}.page-header h1{font:700 clamp(2.5rem, 6vw, 4.6rem) / .95 var(--font-display);letter-spacing:-.06em}.section-block{gap:18px;display:grid}.section-head h2,.tool-card h2{font:700 clamp(1.45rem, 2vw, 1.9rem) / 1.05 var(--font-display);letter-spacing:-.04em}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-card{border-radius:var(--radius-lg);border:1px solid var(--line);min-height:320px;box-shadow:var(--shadow);background:linear-gradient(#121f34eb 0%,#09111eeb 100%);gap:14px;padding:22px;display:grid;position:relative;overflow:hidden}.tool-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 45%);position:absolute;inset:0}.accent-cyan:after,.accent-amber:after,.accent-violet:after{content:"";filter:blur(14px);opacity:.32;border-radius:999px;width:170px;height:170px;position:absolute;inset:auto -50px -50px auto}.accent-cyan:after{background:#00dcff}.accent-amber:after{background:#ffb020}.accent-violet:after{background:#8f56ff}.tool-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.chip{width:fit-content;color:var(--title);background:#ffffff1a;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.tool-audience{color:var(--muted);font-size:.72rem}.tool-icon-wrap{display:flex}.tool-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff24 0%,#ffffff0f 100%);border:1px solid #ffffff1a;border-radius:22px;place-items:center;width:74px;height:74px;display:grid;box-shadow:inset 0 1px #ffffff29,0 18px 34px #00000038}.tool-icon svg{width:42px;height:42px}.tool-card p{color:var(--muted);margin:0;font-size:.98rem}.tool-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.tool-link{z-index:1;color:#fff;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:700;transition:transform .16s,background .16s,border-color .16s;display:inline-flex;position:relative}.tool-link:hover{background:#ffffff2e;border-color:#ffffff38;transform:translateY(-1px)}@media (width<=960px){.portal-shell{width:min(100% - 24px,1180px);padding-top:32px}.tool-grid{grid-template-columns:1fr}}@media (width<=640px){:root{font-size:16px}.tool-card-top,.tool-actions{flex-direction:column;align-items:start}.tool-link{width:100%}}