*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#fafafa;font-family:Segoe UI,Noto Sans TC,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:720px;margin:0 auto;padding:0 24px}header{text-align:center;background:#031e42;padding:38px 0 34px;position:relative;overflow:hidden}header .container{flex-direction:column;align-items:center;display:flex;position:relative}.header-accent{pointer-events:none;position:absolute}.header-accent-book-1{opacity:.08;top:-60px;right:-70px;transform:rotate(-6deg)}.header-accent-book-2{opacity:.06;bottom:-50px;left:-50px;transform:rotate(10deg)}.header-accent-pencil{opacity:.09;top:20px;left:8%;transform:rotate(-18deg)}@media (width<=640px){.header-accent{display:none}}header h1{letter-spacing:.01em;color:#fff;order:1;font-size:2rem;font-weight:700}header p.tagline{color:#ffffffc7;order:2;margin-top:7px;font-size:.95rem}header .header-en-name{color:#ffffff9e;letter-spacing:.05em;order:3;margin-top:6px;font-size:1rem;font-weight:400}header .header-cta{order:4;margin-top:17px}section{border-bottom:1px solid #eee;padding:56px 0}section:last-of-type{border-bottom:none}.section-title{text-transform:uppercase;letter-spacing:.1em;color:#999;align-items:center;gap:10px;margin-bottom:32px;font-size:1.1rem;font-weight:600;display:flex}.section-title:after{content:"";background:#eee;flex:1;height:1px}@media (width<=520px){.section-title:after{display:none}}.app-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=520px){.app-grid{grid-template-columns:1fr}}.app-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;flex-direction:column;gap:10px;padding:24px;transition:box-shadow .2s;display:flex}.app-card:hover{box-shadow:0 4px 16px #00000012}.app-graphic{border-radius:12px 12px 0 0;width:calc(100% + 48px);height:auto;margin:-24px -24px 4px;display:block}.app-card h3{font-size:1.05rem;font-weight:600}.app-card h3 span.sub{color:#777;margin-top:2px;font-size:.82rem;font-weight:400;display:block}.app-card p{color:#666;flex:1;font-size:.88rem}.badge-link{margin-top:8px;display:inline-block}.badge-link img{width:auto;height:58px}.coming-soon{letter-spacing:.08em;text-transform:uppercase;color:#aaa;border:1px solid #ddd;border-radius:20px;margin-top:4px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-block}.test-cta{color:#fff;background:#031e42;border-radius:20px;margin-top:20px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:filter .2s,transform .2s;display:inline-block}.test-cta:hover{filter:brightness(1.15);transform:translateY(-1px)}.podcast-card{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:32px 24px}.podcast-card h3{margin-bottom:8px;font-size:1.1rem;font-weight:600}.podcast-card p{color:#666;max-width:520px;margin:0 auto;font-size:.9rem}.podcast-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.platform-link{color:#fff;border-radius:20px;align-items:center;gap:8px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:filter .2s,transform .2s;display:inline-flex}.platform-link:hover{filter:brightness(1.08);transform:translateY(-1px)}.platform-link svg{flex-shrink:0;width:18px;height:18px}.platform-apple{background:#93c}.platform-spotify{color:#111;background:#1ed760}.platform-youtube{background:red}.platform-buzzsprout{color:#111;background:#61d752}.platform-soundon{background:#429dd2}.platform-kkbox{color:#111;background:#2dd5f7}.lang-toggle{border:1px solid #e0e0e0;border-radius:20px;margin-bottom:28px;display:inline-flex;overflow:hidden}.lang-btn{cursor:pointer;color:#999;letter-spacing:.05em;background:0 0;border:none;padding:6px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.lang-btn.active{color:#fff;background:#222}.about-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:32px}.about-banner{object-fit:cover;object-position:left top;border-radius:12px 12px 0 0;width:calc(100% + 64px);height:280px;margin:-32px -32px 24px;display:block}.about-card p{color:#666;margin-bottom:14px;font-size:.9rem;line-height:1.75}.about-card p:last-of-type{margin-bottom:0}.about-cta{color:#fff;background:#1877f2;border-radius:20px;align-items:center;gap:8px;margin-top:20px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:filter .2s,transform .2s;display:inline-flex}.about-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.about-cta svg{flex-shrink:0;width:18px;height:18px}footer{text-align:center;color:#bbb;padding:32px 0;font-size:.82rem}
