*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:linear-gradient(135deg,#1a1a1a 0,#2d2d2d 100%);color:#e0e0e0;line-height:1.8;font-size:16px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.logo{background:#000;color:#fff;padding:20px;text-align:center;font-size:1.8em;font-weight:700;letter-spacing:2px;border-bottom:3px solid #ff6b00}.main-nav{background:#000;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.5)}.nav-container{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-container a{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:15px 10px;color:#ccc;font-weight:500;transition:all .3s ease;border-bottom:3px solid transparent}.nav-container a.active,.nav-container a:hover{background:rgba(255,107,0,.1);color:#ff6b00;border-bottom-color:#ff6b00;text-decoration:none}.breadcrumb{font-size:.9em;color:#999;padding:15px 20px;background:rgba(0,0,0,.3);margin:0}.breadcrumb a{color:#ff6b00;transition:color .3s}.breadcrumb a:hover{color:#fa0}.breadcrumb .sep{margin:0 8px;color:#666}main{max-width:1200px;margin:0 auto;padding:40px 20px;min-height:calc(100vh - 300px)}h1{font-size:2.5em;color:#fff;margin:0 0 20px 0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:1px}h2{font-size:1.8em;color:#ff6b00;margin:40px 0 20px 0;font-weight:600;border-left:5px solid #ff6b00;padding-left:15px}h3{font-size:1.3em;color:#fff;margin:15px 0 10px 0;font-weight:600}.hero{text-align:center;padding:60px 20px;background:linear-gradient(135deg,rgba(0,0,0,.8) 0,rgba(45,45,45,.8) 100%);border-radius:10px;margin-bottom:40px;box-shadow:0 5px 20px rgba(0,0,0,.4)}.hero h1{margin-bottom:20px;font-size:2.8em}.intro{font-size:1.2em;line-height:1.8;color:#ccc;max-width:900px;margin:0 auto}.site-intro{background:rgba(0,0,0,.4);padding:30px;border-radius:8px;margin-bottom:40px;border:1px solid rgba(255,107,0,.3)}.site-intro p{font-size:1.1em;line-height:2;color:#ccc;margin:0}section{margin-bottom:60px}.page-intro{font-size:1.1em;color:#ccc;margin-bottom:30px;line-height:1.8}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-top:30px}.video-card{background:linear-gradient(135deg,rgba(30,30,30,.9) 0,rgba(50,50,50,.9) 100%);padding:25px;border-radius:8px;transition:all .3s ease;border:1px solid rgba(255,107,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.3)}.video-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(255,107,0,.4);border-color:#ff6b00}.video-card h3{margin-top:0;font-size:1.4em}.video-card h3 a{color:#fff;transition:color .3s}.video-card h3 a:hover{color:#ff6b00;text-decoration:none}.meta{color:#999;font-size:.9em;margin:10px 0;display:flex;align-items:center;gap:10px}.oneline{color:#ccc;font-size:1em;line-height:1.6;margin:15px 0}.excerpt{color:#aaa;font-size:.95em;line-height:1.7;margin-top:15px;font-style:italic}.card-list{display:flex;flex-direction:column;gap:20px;margin-top:30px}.numbered-card{display:flex;align-items:flex-start;gap:20px;background:linear-gradient(135deg,rgba(30,30,30,.9) 0,rgba(50,50,50,.9) 100%);padding:25px;border-radius:8px;border:1px solid rgba(255,107,0,.2);transition:all .3s ease}.numbered-card:hover{border-color:#ff6b00;box-shadow:0 5px 20px rgba(255,107,0,.3)}.numbered-card .number{font-size:2.5em;font-weight:700;color:#ff6b00;min-width:60px;text-align:center;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.numbered-card .video-card{flex:1;margin:0;padding:0;background:0 0;border:none;box-shadow:none}.numbered-card .video-card:hover{transform:none}.detail-page{background:rgba(0,0,0,.4);padding:40px;border-radius:10px;border:1px solid rgba(255,107,0,.3)}.meta-info{background:rgba(0,0,0,.3);padding:20px;border-radius:8px;margin:30px 0;border-left:4px solid #ff6b00}.meta-info p{margin:10px 0;font-size:1.05em;color:#ccc}.meta-info strong{color:#ff6b00;font-weight:600;display:inline-block;min-width:80px}.oneline p,.review p,.summary p{line-height:2;font-size:1.05em;color:#d0d0d0}.related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:25px}.related-item{background:rgba(30,30,30,.7);padding:20px;border-radius:8px;border:1px solid rgba(255,107,0,.2);transition:all .3s ease}.related-item:hover{border-color:#ff6b00;transform:translateY(-3px)}.related-item h3{margin-top:0;font-size:1.2em}.related-item h3 a{color:#fff}.related-item h3 a:hover{color:#ff6b00}.related-item p{color:#aaa;font-size:.95em;line-height:1.6}.detail-missing{text-align:center;padding:80px 20px;background:rgba(0,0,0,.4);border-radius:10px;border:1px solid rgba(255,107,0,.3)}.detail-missing h1{color:#ff6b00;font-size:3em;margin-bottom:30px}.detail-missing p{font-size:1.2em;color:#ccc;margin:15px 0}footer{background:#000;color:#999;text-align:center;padding:30px 20px;margin-top:60px;border-top:3px solid #ff6b00}footer p{margin:0;font-size:.95em}footer a{color:#ff6b00}a{color:#ff6b00;text-decoration:none;transition:color .3s ease}a:hover{color:#fa0;text-decoration:underline}@media (max-width:768px){body{font-size:14px}.logo{font-size:1.4em;padding:15px}.nav-container a{padding:12px 5px;font-size:.9em}h1{font-size:1.8em}h2{font-size:1.4em}.hero{padding:40px 15px}.hero h1{font-size:2em}.intro{font-size:1em}.card-grid{grid-template-columns:1fr;gap:20px}.related-list{grid-template-columns:1fr}.numbered-card{flex-direction:column;gap:15px}.numbered-card .number{font-size:2em;min-width:auto}.detail-page{padding:25px 20px}main{padding:30px 15px}}@media (max-width:480px){.hero h1{font-size:1.6em}.intro{font-size:.95em}h1{font-size:1.6em}h2{font-size:1.3em}}