:root{--ink:#111827;--muted:#667085;--paper:#f7f7f3;--orange:#e86f2d;--line:#e5e7eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",Arial,sans-serif}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(209,213,219,.8);background:rgba(247,247,243,.92);backdrop-filter:blur(14px)}.header-inner{height:66px;max-width:1160px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-weight:900;text-decoration:none;letter-spacing:-.03em}.header-inner nav{display:flex;align-items:center;gap:22px}.header-inner nav a{color:#374151;text-decoration:none;font-size:14px;font-weight:800}.header-inner nav a[aria-current=page]{color:var(--orange)}.header-inner .start-link{padding:10px 17px;border-radius:999px;background:#111827;color:white}.hero{overflow:hidden;background:#0c111c;color:white}.hero>div{position:relative;max-width:1160px;margin:auto;padding:74px 22px 82px}.hero>div:after{content:"";position:absolute;width:370px;height:370px;right:-70px;top:-160px;border-radius:50%;background:radial-gradient(circle,#e86f2d55,transparent 68%)}.eyebrow{display:inline-block;padding:7px 11px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff12;color:#ffb37b;font-size:12px;font-weight:900}.hero h1{margin:22px 0 18px;max-width:800px;font-size:clamp(44px,7vw,78px);line-height:1.03;letter-spacing:-.06em}.hero h1 em{color:#fb843c;font-style:normal}.hero p{max-width:680px;margin:0;color:#c7cedb;font-size:18px;line-height:1.8}.price-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.price-pills>*{padding:10px 16px;border:1px solid #ffffff2c;border-radius:999px;font-size:14px}.price-pills b{background:white;color:#111827}.article-shell{max-width:1160px;margin:auto;padding:52px 22px 72px}.featured{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:white;color:inherit;text-decoration:none;box-shadow:0 5px 24px #0f172a0a;transition:.2s}.featured:hover,.article-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #0f172a18}.featured-copy{padding:42px}.featured-copy>span,.article-heading>span,.related a>span{color:#d95e1d;font-size:12px;font-weight:900;letter-spacing:.08em}.featured-copy h2{margin:14px 0;font-size:36px;line-height:1.15;letter-spacing:-.04em}.featured-copy p{color:var(--muted);line-height:1.8}.featured-copy strong{display:block;margin-top:25px}.featured-art{min-height:285px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#f5b23d,#ef6d2f 55%,#dd3e55);color:white}.featured-art b{font-size:clamp(58px,8vw,92px);line-height:1;letter-spacing:-.08em}.featured-art span{margin-top:10px;font-weight:800}.filters{margin-top:52px;padding-bottom:22px;border-bottom:1px solid #d9dde3;display:flex;justify-content:space-between;gap:18px}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.category-filters button{padding:10px 16px;border:0;border-radius:999px;background:white;color:#606875;font-weight:800;cursor:pointer}.category-filters button.active{background:#111827;color:white}.search{min-width:250px;display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:white}.search input{width:100%;border:0;outline:0;background:transparent}.article-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article-card{min-height:352px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:white;color:inherit;text-decoration:none;transition:.2s}.card-art{height:140px;padding:22px;display:flex;justify-content:space-between;color:white;background:linear-gradient(135deg,#7c3aed,#4338ca)}.card-art span{font-size:40px;font-weight:950;letter-spacing:-.05em}.card-art i{align-self:flex-end;font-style:normal;opacity:.7}.from-amber-400,.from-yellow-400{background:linear-gradient(135deg,#f5b23d,#ef6d2f 60%,#dc3c55)}.from-violet-500,.from-fuchsia-500{background:linear-gradient(135deg,#8b5cf6,#4f46e5)}.from-cyan-500,.from-sky-400{background:linear-gradient(135deg,#1fc7cf,#2563eb)}.from-orange-500{background:linear-gradient(135deg,#f97316,#dc2626)}.from-emerald-500{background:linear-gradient(135deg,#10b981,#0f766e)}.from-slate-600{background:linear-gradient(135deg,#475569,#0f172a)}.from-pink-500{background:linear-gradient(135deg,#ec4899,#e11d48)}.card-body{padding:21px;display:flex;flex:1;flex-direction:column}.meta{display:flex;justify-content:space-between;gap:8px;color:#818896;font-size:11px}.meta b{color:#db641f}.card-body h2{margin:13px 0 10px;font-size:20px;line-height:1.35;letter-spacing:-.02em}.card-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.read-more{margin-top:auto;padding-top:18px;font-size:13px}.empty{text-align:center;padding:65px;color:var(--muted)}.article{max-width:780px;margin:auto;padding:40px 22px 64px}.back{color:#6b7280;text-decoration:none;font-size:14px;font-weight:800}.article-heading{padding-top:38px}.article-heading h1{margin:15px 0 20px;font-size:clamp(38px,6vw,62px);line-height:1.12;letter-spacing:-.05em}.article-heading>p{margin:0;color:var(--muted);font-size:20px;line-height:1.7}.article-heading>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding-bottom:27px;border-bottom:1px solid var(--line);color:#737b88;font-size:13px}.article-heading i{font-style:normal}.article-cover{min-height:280px;margin:36px 0;padding:32px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center}.article-cover b{font-size:clamp(60px,12vw,100px);line-height:1;letter-spacing:-.07em}.article-cover span{margin-top:14px;font-weight:800}.article-content{font-size:17px;line-height:1.9;color:#3f4856}.article-section{margin:0 0 45px}.article-section h2{margin:0 0 18px;color:var(--ink);font-size:29px;line-height:1.25;letter-spacing:-.03em}.article-section p{margin:0 0 14px}.article-section ul{list-style:none;margin:20px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:white}.article-section li{display:flex;gap:11px;margin:0 0 13px}.article-section li:last-child{margin:0}.article-section li span{color:#dc641f;font-weight:900}.article-section blockquote{margin:25px 0;padding:18px 22px;border-left:4px solid var(--orange);background:#fff1e7;color:#202733;font-size:20px;font-weight:900}.article-cta{margin-top:54px;padding:36px;border-radius:30px;background:#0c111c;color:white}.article-cta>span{color:#ff8b43}.article-cta h2{margin:15px 0 12px;font-size:32px;letter-spacing:-.04em}.article-cta p{color:#c5ccd7;line-height:1.8}.article-cta a{display:inline-block;margin-top:12px;padding:13px 20px;border-radius:999px;background:var(--orange);color:white;text-decoration:none;font-weight:900}.article-cta small{display:block;margin-top:15px;color:#788292}.related{max-width:1040px;margin:auto;padding:44px 22px 70px;border-top:1px solid var(--line)}.related>div{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.related a{padding:22px;border:1px solid var(--line);border-radius:19px;background:white;color:inherit;text-decoration:none}.related h3{margin:9px 0 18px;font-size:19px;line-height:1.4}.site-footer{padding:35px max(22px,calc((100% - 1116px)/2));border-top:1px solid var(--line);background:white;display:flex;justify-content:space-between;gap:20px;color:#687180;font-size:13px}.site-footer div{display:flex;gap:12px}.site-footer strong{color:var(--ink)}.site-footer nav{display:flex;gap:20px}.site-footer a{color:#59616e;text-decoration:none;font-weight:700}[hidden]{display:none!important}@media(max-width:800px){.hero>div{padding-top:54px}.featured{grid-template-columns:1fr}.featured-copy{padding:28px}.featured-copy h2{font-size:29px}.featured-art{min-height:220px}.filters{align-items:stretch;flex-direction:column}.search{min-width:0}.article-grid{grid-template-columns:1fr 1fr}.article-heading>p{font-size:17px}.related>div{grid-template-columns:1fr}}@media(max-width:560px){.header-inner nav{gap:10px}.header-inner nav a:first-child{display:none}.hero h1{font-size:44px}.hero p{font-size:16px}.article-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}.site-footer div{flex-direction:column}.article{padding-top:28px}.article-cta{padding:27px}.article-cover{min-height:220px}}