:root{--background:#09090b;--foreground:#fafafa;--card:#18181b;--card-foreground:#fafafa;--secondary:#27272a;--muted-foreground:#a1a1aa;--border:#27272a;--radius:0.75rem;--rose:#f43f5e;--teal:#14b8a6;--orange:#f97316;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--background);color:var(--foreground);line-height:1.7;overflow-x:hidden;}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:0.025;background-image:radial-gradient(circle,#ffffff 1px,transparent 1px);background-size:24px 24px;z-index:0;}body > *{position:relative;z-index:1;}.text-gradient{background:linear-gradient(135deg,var(--rose),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.blog-header{position:sticky;top:0;z-index:100;background:rgba(9,9,11,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0.875rem 1rem;}.header-container{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}.logo{font-size:1.25rem;font-weight:700;text-decoration:none;}.logo .text-gradient{font-weight:700;}.header-left{display:flex;align-items:center;gap:0.75rem;}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;min-height:34px;border-radius:8px;background:rgba(255,255,255,0.1);border:1.5px solid rgba(255,255,255,0.35);color:var(--foreground);text-decoration:none;transition:all 0.2s;flex-shrink:0;overflow:hidden;}.back-btn:hover{background:rgba(244,63,94,0.12);border-color:var(--rose);color:var(--rose);}.back-btn svg{width:16px;height:16px;min-width:16px;min-height:16px;flex-shrink:0;}.nav-right{display:flex;gap:0.75rem;align-items:center;}.btn-login{background:linear-gradient(135deg,var(--rose),var(--orange));color:white;padding:0.5rem 1.25rem;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:0.8125rem;transition:all 0.2s;box-shadow:0 4px 14px -3px rgba(244,63,94,0.4);}.btn-login:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 6px 20px -3px rgba(244,63,94,0.5);}.lang-switch{display:flex;gap:0.25rem;align-items:center;flex-wrap:wrap;}.lang-switch a{color:var(--muted-foreground);text-decoration:none;padding:0.125rem 0.375rem;font-size:0.75rem;transition:color 0.2s;}.lang-switch a:hover{color:var(--foreground);}.lang-switch a.active{color:var(--rose);font-weight:600;}.lang-switch span{color:var(--border);font-size:0.625rem;}@media (max-width:768px){.nav-right{position:relative;}.lang-switch span{display:none;}.lang-switch a:not(.active){display:none;}.lang-switch a.active{cursor:pointer;}.lang-switch a.active::after{content:' \25BE';font-size:0.5em;}.lang-switch.open{position:absolute;top:calc(100% + 0.25rem);right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(9,9,11,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);padding:0.375rem;z-index:300;box-shadow:0 4px 20px rgba(0,0,0,0.5);min-width:160px;}.lang-switch.open a{display:block;text-align:center;padding:0.5rem 0.25rem;border-radius:0.25rem;font-size:0.8rem;}.lang-switch.open a:hover{background:rgba(39,39,42,0.5);}.lang-switch.open a.active{background:rgba(244,63,94,0.1);}.lang-switch.open a.active::after{display:none;}}article{max-width:800px;margin:0 auto;padding:2rem 1rem;}.hero-image{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);}h1{font-size:2.25rem;font-weight:700;margin-bottom:1rem;line-height:1.2;color:var(--foreground);}h2{font-size:1.75rem;font-weight:600;margin:2.5rem 0 1rem;}h3{font-size:1.25rem;font-weight:600;margin:2rem 0 0.75rem;color:var(--foreground);}p{color:var(--muted-foreground);margin-bottom:1.5rem;line-height:1.7;}ul,ol{color:var(--muted-foreground);margin-bottom:1.5rem;padding-left:2rem;}li{margin-bottom:0.75rem;line-height:1.7;}strong{color:var(--foreground);font-weight:600;}a{color:var(--teal);transition:color 0.2s;}a:hover{color:var(--rose);}.article-meta{color:var(--muted-foreground);font-size:0.875rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:1.5rem 0;position:relative;overflow:hidden;transition:border-color 0.2s,box-shadow 0.2s;}.card:hover{border-color:rgba(244,63,94,0.3);box-shadow:0 4px 20px rgba(244,63,94,0.08);}.card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--rose),var(--teal));border-radius:3px 0 0 3px;}.card h3{margin:0 0 0.75rem;font-size:1.125rem;}.card p{font-size:0.9375rem;}.card ul,.card ol{font-size:0.9375rem;}.card-featured{background:var(--card);border-color:var(--rose);}.card-featured::before{background:linear-gradient(180deg,var(--rose),var(--orange));width:4px;}.btn-play{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background:linear-gradient(135deg,var(--rose),var(--orange));color:white;padding:0.875rem 2rem;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.2s;box-shadow:0 8px 24px -8px rgba(244,63,94,0.5);border:none;cursor:pointer;}.btn-play:hover{color:white;opacity:0.9;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(244,63,94,0.6);}.btn-play:active{transform:translateY(0);}.cta-box{text-align:center;margin:3rem 0;}.cta-box p{font-size:0.8125rem;color:var(--muted-foreground);margin-top:0.75rem;}footer{border-top:1px solid var(--border);padding:2.5rem 1rem;text-align:center;color:var(--muted-foreground);margin-top:4rem;}footer a{color:var(--muted-foreground);text-decoration:none;margin:0 0.75rem;font-size:0.8125rem;transition:color 0.2s;}footer a:hover{color:var(--foreground);}.footer-copy{font-size:0.75rem;margin-top:0.75rem;}@media (max-width:640px){h1{font-size:1.75rem;}h2{font-size:1.375rem;margin:2rem 0 0.75rem;}h3{font-size:1.125rem;}article{padding:1.5rem 1rem;}.hero-image{max-height:220px;}.card{padding:1.25rem;}.btn-play{padding:0.75rem 1.5rem;font-size:0.9375rem;}footer{padding:1.5rem 1rem;}footer a{margin:0 0.5rem;font-size:0.75rem;}}@media (min-width:640px){.blog-header{padding:1rem 1.5rem;}.header-container{max-width:900px;}}@media (min-width:1024px){.blog-header{position:fixed;top:0;left:0;right:0;padding:1rem 2rem;}.header-container{max-width:1200px;}article{max-width:900px;padding:5rem 2rem 3rem;}h1{font-size:2.75rem;}h2{font-size:2rem;}h3{font-size:1.5rem;}p,li{font-size:1.0625rem;}.card{padding:2rem;margin:2rem 0;}.hero-image{max-height:450px;}}.comparison-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.95rem;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);}.comparison-table thead th{background:rgba(255,255,255,0.08);padding:0.875rem 1rem;text-align:left;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,0.15);}.comparison-table thead th:first-child{width:25%;}.comparison-table tbody td{padding:0.75rem 1rem;border-bottom:1px solid rgba(255,255,255,0.06);vertical-align:top;color:rgba(255,255,255,0.85);}.comparison-table tbody tr:last-child td{border-bottom:none;}.comparison-table tbody tr:hover{background:rgba(255,255,255,0.03);}.comparison-table tbody td:first-child{color:#fff;}.comparison-table .cross{color:#ef4444;font-weight:700;margin-right:0.25rem;}.comparison-table .check{color:#22c55e;font-weight:700;margin-right:0.25rem;}@media (max-width:600px){.comparison-table,.comparison-table thead,.comparison-table tbody,.comparison-table tr,.comparison-table td,.comparison-table th{display:block;}.comparison-table thead{display:none;}.comparison-table tbody tr{margin-bottom:1rem;border:1px solid rgba(255,255,255,0.1);border-radius:10px;overflow:hidden;background:rgba(255,255,255,0.03);}.comparison-table tbody td{padding:0.625rem 1rem;border-bottom:1px solid rgba(255,255,255,0.05);}.comparison-table tbody td:first-child{background:rgba(255,255,255,0.06);font-size:0.9rem;padding:0.5rem 1rem;}.comparison-table tbody td:nth-child(2)::before{content:"Physical:";font-weight:600;color:rgba(255,255,255,0.5);font-size:0.8rem;display:block;margin-bottom:0.2rem;}.comparison-table tbody td:nth-child(3)::before{content:"Online:";font-weight:600;color:rgba(255,255,255,0.5);font-size:0.8rem;display:block;margin-bottom:0.2rem;}}@media (min-width:1280px){article{max-width:1000px;padding:5rem 3rem 3rem;}h1{font-size:3rem;}h2{font-size:2.25rem;}p,li{font-size:1.125rem;}}