:root{color-scheme:light;--bg: #faf9f6;--surface: #ffffff;--soft: #f0efe9;--glass: rgba(250, 249, 246, .92);--text: #1a1a1a;--text-soft: #5c5c6e;--muted: #9090a0;--line: #e4e2dc;--line-hover: #ccc8bf;--ai-blue: #3d5fa0;--ai-purple: #5a4fcf;--ai-cyan: #0891b2;--ai-green: #059669;--brand: #3d5fa0;--brand-500: #5469d4;--brand-600: #4055b0;--accent: #5a4fcf;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-glow: 0 0 24px rgba(61, 95, 160, .08);--shadow-purple-glow: 0 0 24px rgba(90, 79, 207, .08);--gradient-brand: linear-gradient(135deg, #3d5fa0 0%, #5a4fcf 100%);--gradient-soft: linear-gradient(135deg, #ffffff 0%, #faf9f6 100%);--gradient-card: linear-gradient(145deg, #f7f6f2 0%, #f0efe9 100%);--gradient-hero: linear-gradient(180deg, #faf9f6 0%, #f5f4f0 50%, #eeedea 100%);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,Noto Sans TC,system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:17px;line-height:1.75;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{color:var(--ai-blue)}img{max-width:100%;height:auto;border-radius:10px}.container{width:min(1200px,calc(100% - 32px));margin:0 auto}.narrow{width:min(840px,100%);margin:0 auto}.page-shell{padding:24px 0 0}.with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}.content-panel{min-width:0}.site-header{position:sticky;top:0;z-index:50;background:var(--glass);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.logo{font-weight:700;font-size:1.2rem;letter-spacing:.02em;color:var(--text);display:flex;align-items:center;gap:10px}.logo-mark{width:32px;height:32px;background:var(--gradient-brand);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff}.nav-links{display:flex;align-items:center;gap:24px;font-size:.9rem;font-weight:600}.nav-links a{color:var(--text-soft);transition:color .2s}.nav-links a:hover{color:var(--ai-blue)}.nav-search-wrap{padding:0 0 14px}.site-search{position:relative;width:min(560px,100%);margin-left:auto;display:grid;grid-template-columns:1fr auto;gap:8px;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.search-glow{display:none}.site-search input[type=search]{position:relative;z-index:1;width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);padding:10px 14px;font:inherit;font-size:.92rem}.site-search input[type=search]::placeholder{color:var(--muted)}.site-search button{position:relative;z-index:1;border:0;border-radius:999px;background:var(--gradient-brand);color:#fff;font-weight:800;padding:10px 18px;cursor:pointer;box-shadow:0 2px 8px #3d5fa033}.site-search:focus-within{border-color:var(--ai-blue);box-shadow:0 0 0 2px #3d5fa01f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-toggle{display:none}.hero{background:var(--gradient-hero);text-align:left;padding:56px 0 48px;border-bottom:1px solid var(--line)}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:center}.hero-badge,.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--gradient-brand);color:#fff;padding:6px 16px;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.25;margin:20px 0 18px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.hero .sub,.lead{color:var(--text-soft);font-size:1.08rem;line-height:1.75}.hero-ctas,.rss-row,.tool-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-brand);color:#fff;border-radius:999px;padding:12px 24px;font-weight:700;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 2px 8px #3d5fa033}.button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3d5fa047;filter:brightness(1.06);color:#fff}.button-outline{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text);border:1.5px solid var(--line);border-radius:999px;padding:10px 22px;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s}.button-outline:hover{border-color:var(--ai-blue);background:#3d5fa00d;color:var(--ai-blue)}.hero-visual,.image-placeholder{min-height:280px;border-radius:12px;background:var(--gradient-card);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-visual:before,.image-placeholder:before,.card-thumb:before,.tool-thumb:before{content:attr(data-label);position:absolute;left:20px;bottom:18px;background:var(--glass);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:700;font-size:.84rem;backdrop-filter:blur(10px);box-shadow:var(--shadow)}.section{padding:36px 0}.section-header{margin-bottom:24px}.section-header h2,h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.3;margin:12px 0 10px;font-weight:800;letter-spacing:-.01em}.section-divider{height:1px;border:0;background:linear-gradient(90deg,transparent 0%,var(--line) 20%,var(--line) 80%,transparent 100%);margin:32px 0}.masonry{column-count:3;column-gap:20px}.masonry-card{break-inside:avoid;display:block;margin:0 0 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s}.masonry-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-hover)}.card-thumb,.tool-thumb{height:200px;position:relative;background:var(--gradient-card);border-bottom:1px solid var(--line)}.masonry-body{padding:20px}.masonry-body h3{font-size:1.1rem;line-height:1.4;margin:0 0 10px;font-weight:700}.masonry-body p{color:var(--text-soft);font-size:.92rem;line-height:1.7;margin:0}.featured-card,.card,.reader-card,.task-card,.tool-card,.sidebar-section,.subscribe-box,.section-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.featured-card,.card,.reader-card,.task-card,.tool-card,.sidebar-section{padding:24px}.reader-grid,.task-grid,.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reader-card,.task-card{display:block}.emoji,.task-emoji{font-size:1.8rem;display:block}.go,.go-link,.text-link{color:var(--ai-blue);font-weight:700}.tag{display:inline-flex;align-items:center;border-radius:999px;background:var(--soft);color:var(--text-soft);padding:4px 12px;font-size:.75rem;font-weight:600;margin:2px 6px 2px 0;border:1px solid var(--line)}.tag-blue,.tag-red{background:#3d5fa014;color:var(--ai-blue);border-color:#3d5fa02e}.tag-green{background:#05966914;color:var(--ai-green);border-color:#0596692e}.tag-cyan{background:#0891b214;color:var(--ai-cyan);border-color:#0891b22e}.tag-purple{background:#5a4fcf14;color:var(--ai-purple);border-color:#5a4fcf2e}.tag-pink{background:#db277712;color:#be185d;border-color:#db27772e}.tag-default{background:var(--soft);color:var(--text-soft);border-color:var(--line)}.sidebar{position:sticky;top:92px}.sidebar-section{margin-bottom:20px}.sidebar-section h4{margin:0 0 14px;font-size:1rem;font-weight:700}.popular-list,.recent-list,.category-list,.quick-links{display:grid;gap:12px}.popular-item{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}.popular-thumb{width:72px;height:72px;border-radius:10px;background:var(--gradient-card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.popular-title,.recent-list a,.category-list a,.quick-links a{font-weight:600;line-height:1.45;color:var(--text);transition:color .2s}.recent-list a:hover,.category-list a:hover,.quick-links a:hover{color:var(--ai-blue)}.popular-meta,.muted,.hint,.sidebar-note{color:var(--muted);font-size:.84rem}.category-list a,.quick-links a{padding:12px 14px;background:var(--soft);border-radius:10px;border:1px solid var(--line);transition:border-color .2s,background .2s}.category-list a:hover,.quick-links a:hover{border-color:var(--ai-blue);background:#3d5fa00a}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap}.article-header{padding:32px 0 20px}.article-eyebrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.article-header h1{font-size:clamp(2rem,5vw,3rem);line-height:1.25;margin:16px 0 14px;font-weight:800;letter-spacing:-.02em}.article-meta{color:var(--muted);font-size:.88rem}.prose{font-size:1.06rem;line-height:1.8}.prose p{margin:0 0 1.2rem}.prose h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:2.4rem 0 1.1rem;line-height:1.3;font-weight:800}.prose h3{font-size:1.15rem;margin:2rem 0 .7rem;font-weight:700}.prose a{color:var(--ai-blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.prose a:hover{text-decoration-thickness:2px}.prose blockquote{border-left:3px solid var(--ai-blue);background:#3d5fa00a;padding:16px 20px;border-radius:0 10px 10px 0;margin:24px 0;font-weight:600;font-style:italic;color:var(--text-soft)}.prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.93rem}.prose th,.prose td{border-bottom:1px solid var(--line);padding:12px;text-align:left}.prose th{background:var(--soft);font-weight:700;color:var(--text)}.prose ul,.prose ol{padding-left:24px}.prose li{margin-bottom:8px}.prose code{background:var(--soft);padding:2px 6px;border-radius:5px;font-size:.9em;font-family:SF Mono,Menlo,Monaco,monospace;color:var(--text);border:1px solid var(--line)}.prose pre{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:16px;overflow-x:auto;margin:20px 0}.prose pre code{background:transparent;padding:0;border:none}.article-hero-image,.step-shot{width:min(900px,100%);height:420px;margin:28px auto;border-radius:12px;border:1px solid var(--line);background:var(--gradient-card);box-shadow:var(--shadow-lg);position:relative;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700}.step-shot{height:300px}.article-hero-image:after,.step-shot:after{content:attr(data-label);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:10px 16px;color:var(--text);font-weight:700;font-size:.88rem;backdrop-filter:blur(10px)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.result-col{border-radius:10px;padding:18px;background:var(--soft);border:1px solid var(--line)}.result-col.good{background:#0596690f;border-color:#05966933}.result-col.warn{background:#d977060f;border-color:#d9770633}.result-col.bad{background:#dc26260f;border-color:#dc262633}.tw-checklist{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:24px;margin:24px 0}.check-title{font-weight:700;margin-bottom:12px;font-size:1.05rem}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.check-item{font-size:.93rem;color:var(--text-soft)}.decision-cta{background:var(--surface);color:var(--text);border-radius:12px;padding:28px;margin:28px 0;border:1px solid var(--line);box-shadow:var(--shadow)}.visual-break,.emoji-divider{text-align:center;opacity:.5;font-size:1.4rem;margin:24px 0}.subscribe-box{text-align:center;padding:32px 28px;margin:36px 0;background:linear-gradient(135deg,#3d5fa00a,#5a4fcf0a);border:1px solid rgba(61,95,160,.15);box-shadow:var(--shadow)}.footer{border-top:1px solid var(--line);color:var(--muted);padding:32px 0 48px;margin-top:48px;background:var(--soft)}.footer-inner{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:.88rem}.footer a{color:var(--text-soft);transition:color .2s}.footer a:hover{color:var(--ai-blue)}.tool-card{overflow:hidden;padding:0}.tool-card .tool-content{padding:22px}.tool-card h3{font-size:1.25rem;margin:8px 0;font-weight:700}.tool-verdict{font-weight:700;color:var(--ai-blue);line-height:1.6}.tool-field{font-size:.9rem;color:var(--text-soft);margin:6px 0}.tlabel{font-weight:700;color:var(--text);margin-right:6px}.tool-price{font-weight:700;color:var(--ai-green);margin:10px 0}.tool-thumb{height:180px}@media(max-width:980px){.with-sidebar,.hero-inner{grid-template-columns:1fr}.sidebar{position:static}.masonry{column-count:2}.reader-grid,.task-grid,.tool-grid,.result-grid{grid-template-columns:1fr 1fr}.check-grid{grid-template-columns:1fr}}@media(max-width:640px){body{font-size:16px}.nav{align-items:flex-start;flex-direction:column;padding:12px 0}.nav-links{gap:12px;flex-wrap:wrap;font-size:.85rem}.site-search{margin-left:0;grid-template-columns:1fr;border-radius:16px}.site-search button{width:100%}.masonry{column-count:1}.reader-grid,.task-grid,.tool-grid,.result-grid{grid-template-columns:1fr}.popular-item{grid-template-columns:60px 1fr}.popular-thumb{width:60px;height:60px}.article-hero-image{height:280px}.step-shot{height:220px}.hero{padding-top:32px}.container{width:calc(100% - 24px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-v3-visual{animation:fadeIn .6s ease-out}.course-card:hover,.starter-card:hover,.tool-card:hover{border-color:var(--ai-blue);box-shadow:0 4px 20px #3d5fa01f}.section-alt{background:var(--soft);border-radius:12px;padding:36px 24px}