@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");:root{--bg-dark:#070a12;--bg-card:rgba(16,23,38,.82);--bg-card-hover:rgba(22,32,54,.95);--border-subtle:hsla(0,0%,100%,.09);--border-focus:rgba(56,189,248,.5);--text-main:#f8fafc;--text-muted:#94a3b8;--text-sub:#cbd5e1;--accent-cyan:#38bdf8;--accent-gold:#fbbf24;--accent-green:#34d399;--accent-purple:#a855f7;--accent-rose:#f43f5e;--shadow-glow:0 10px 30px -10px rgba(56,189,248,.2);--shadow-card:0 8px 24px rgba(0,0,0,.35);--font-heading:"Outfit",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:radial-gradient(at 0 0,rgba(56,189,248,.08) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(168,85,247,.08) 0,transparent 50%),radial-gradient(at 50% 50%,rgba(16,23,38,.5) 0,transparent 100%);color:var(--text-main);font-family:var(--font-body);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(7,10,18,.85);border-bottom:1px solid var(--border-subtle);padding:12px 20px}.nav-container{max-width:1200px;margin:0 auto;justify-content:space-between}.brand-badge,.nav-container{display:flex;align-items:center}.brand-badge{gap:10px;text-decoration:none;color:var(--text-main);font-family:var(--font-heading);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.brand-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0284c7,#38bdf8);justify-content:center;box-shadow:0 4px 12px rgba(56,189,248,.35);color:#fff}.brand-icon,.nav-links{display:flex;align-items:center}.nav-links{gap:8px}.nav-item{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;color:var(--text-muted);transition:all .2s ease}.nav-item.active,.nav-item:hover{color:var(--text-main);background:hsla(0,0%,100%,.06)}.nav-item.active{color:var(--accent-cyan);background:rgba(56,189,248,.12)}.main-wrapper{max-width:1200px;margin:0 auto;padding:24px 20px 100px}.hero-banner{padding:32px 24px;border-radius:16px;background:linear-gradient(135deg,rgba(16,23,38,.9),rgba(30,41,59,.7));border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);margin-bottom:28px;position:relative;overflow:hidden}.hero-banner:after{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(56,189,248,.15) 0,transparent 70%);border-radius:50%;pointer-events:none}.hero-title{font-family:var(--font-heading);font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:8px;background:linear-gradient(120deg,#fff 30%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{color:var(--text-sub);font-size:.98rem;max-width:720px}.filter-bar{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.search-box{position:relative;width:100%}.search-input{width:100%;padding:14px 18px 14px 44px;border-radius:12px;background:rgba(16,23,38,.9);border:1px solid var(--border-subtle);color:var(--text-main);font-size:.95rem;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(56,189,248,.15)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.tag-pills{display:flex;flex-wrap:wrap;gap:8px}.pill-btn{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid var(--border-subtle);background:rgba(16,23,38,.6);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.pill-btn:hover{background:hsla(0,0%,100%,.08);color:var(--text-main)}.pill-btn.active{background:var(--accent-cyan);color:#070a12;border-color:var(--accent-cyan);font-weight:600;box-shadow:0 2px 8px rgba(56,189,248,.35)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:20px;gap:20px}@media (max-width:768px){.cards-grid{grid-template-columns:1fr}}.playbook-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:14px;padding:22px;transition:all .25s ease;display:flex;flex-direction:column;position:relative}.playbook-card:hover{border-color:rgba(56,189,248,.3);transform:translateY(-2px);box-shadow:var(--shadow-card),var(--shadow-glow)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.volume-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px;color:#fff}.book-tag{font-size:.78rem;color:var(--text-muted)}.card-title{font-family:var(--font-heading);font-size:1.22rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main);margin-bottom:14px}.dest-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.dest-chip{font-size:.72rem;padding:2px 8px;border-radius:4px;background:rgba(56,189,248,.1);color:var(--accent-cyan);border:1px solid rgba(56,189,248,.25)}.card-section{margin-top:12px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.05)}.section-label{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.section-label.mindset{color:#60a5fa}.section-label.mistake{color:#f87171}.section-label.approach{color:#34d399}.section-label.ammo{color:#fbbf24}.section-text{font-size:.88rem;color:var(--text-sub);line-height:1.55;white-space:pre-line}.ammo-box{background:rgba(10,15,26,.85);border:1px solid rgba(251,191,36,.25);border-radius:10px;padding:14px;margin-top:10px;position:relative}.ammo-english{font-size:.86rem;color:#fef08a;font-style:italic;margin-bottom:8px;line-height:1.5}.ammo-chinese{font-size:.82rem;color:var(--text-muted);line-height:1.45}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.4);color:#fbbf24;font-size:.78rem;font-weight:600;cursor:pointer;margin-top:10px;transition:all .2s ease}.copy-btn:hover{background:rgba(251,191,36,.28);transform:translateY(-1px)}.toast-notice{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(16,185,129,.95);color:#fff;padding:10px 20px;border-radius:30px;font-size:.88rem;font-weight:600;box-shadow:0 10px 25px rgba(0,0,0,.4);z-index:100;display:flex;align-items:center;gap:8px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.mobile-bottom-nav{display:none}@media (max-width:768px){.nav-links{display:none}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(7,10,18,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:50;justify-content:space-around;align-items:center;padding:0 10px}.bottom-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.72rem;color:var(--text-muted);text-decoration:none;padding:6px 12px;border-radius:8px}.bottom-item.active{color:var(--accent-cyan)}}