@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700;900&family=Inter:wght@400;500;600&display=swap";
.guide-theme{--guide-bg:#0a0a0a;--guide-sidebar-bg:#0f0f0f;--guide-card-bg:#19191999;--guide-border:#d4af3726;--guide-text-primary:#e5e5e5;--guide-text-secondary:#a3a3a3;--guide-text-muted:#666;--guide-gold:#d4af37;--guide-gold-dim:#d4af374d;--guide-gold-hover:#e5c353;--guide-red:#c41e3a;--guide-font-serif:"Noto Serif SC", "Songti SC", "STSong", serif;--guide-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;background-color:var(--guide-bg);color:var(--guide-text-primary);font-family:var(--guide-font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;line-height:1.6}.guide-layout{min-height:100vh;display:flex}.guide-sidebar{background-color:var(--guide-sidebar-bg);border-right:1px solid var(--guide-border);z-index:50;flex-direction:column;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.guide-logo-container{border-bottom:1px solid var(--guide-border);padding:40px 30px}.guide-logo{font-family:var(--guide-font-sans);color:#fff;letter-spacing:-.5px;align-items:center;margin:0;font-size:24px;font-weight:700;display:flex}.guide-logo span{color:var(--guide-gold)}.guide-logo-sub{color:var(--guide-text-muted);border:1px solid var(--guide-text-muted);letter-spacing:.5px;border-radius:100px;margin-top:12px;padding:4px 10px;font-size:11px;display:inline-block}.guide-nav{flex-direction:column;flex:1;padding:24px 0;display:flex}.guide-nav-link{color:var(--guide-text-secondary);font-family:var(--guide-font-serif);align-items:center;padding:16px 30px;font-size:15px;text-decoration:none;transition:all .2s;display:flex;position:relative}.guide-nav-link:hover{color:var(--guide-text-primary);background-color:#ffffff05}.guide-nav-link.active{color:var(--guide-gold);background-color:#d4af370d}.guide-nav-link.active:before{content:"";background-color:var(--guide-gold);width:3px;position:absolute;top:0;bottom:0;left:0}.guide-sidebar-footer{justify-content:center;padding:40px 30px;display:flex}.guide-stamp{border:2px solid var(--guide-red);border-radius:6px;grid-template-columns:1fr 1fr;place-items:center;width:72px;height:120px;padding:12px 8px;display:grid;position:relative;box-shadow:0 0 20px #c41e3a1a}.guide-stamp span{color:var(--guide-red);font-family:var(--guide-font-serif);writing-mode:vertical-rl;letter-spacing:4px;font-size:15px;font-weight:700;line-height:1.6}.guide-main{flex:1;min-height:100vh;margin-left:260px;padding:0;position:relative}.guide-hero{padding:80px 80px 40px;position:relative}.guide-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#d4af3714 0%,#0000 70%);height:400px;position:absolute;top:0;left:0;right:0}.guide-eyebrow{color:var(--guide-gold);border:1px solid var(--guide-border);letter-spacing:.5px;border-radius:100px;margin-bottom:24px;padding:6px 16px;font-size:13px;display:inline-block}.guide-title{font-family:var(--guide-font-serif);color:#fff;letter-spacing:2px;margin:0 0 16px;font-size:48px;font-weight:700}.guide-subtitle{font-family:var(--guide-font-sans);color:var(--guide-gold);letter-spacing:2px;text-transform:uppercase;margin:0 0 40px;font-size:16px;font-weight:600}.guide-intro{color:var(--guide-text-secondary);max-width:700px;margin-bottom:60px;font-size:15px;line-height:1.8}.guide-sections-grid{grid-template-columns:1fr 1fr;gap:30px;padding:0 80px 80px;display:grid}.guide-card{background-color:var(--guide-card-bg);border:1px solid var(--guide-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:50px 40px;position:relative;overflow:hidden}.guide-card-full{grid-column:1/-1}.guide-card-number{font-family:var(--guide-font-serif);color:#d4af3714;pointer-events:none;z-index:0;font-size:120px;font-weight:900;line-height:.8;position:absolute;top:20px;right:20px}.guide-card-content{z-index:1;position:relative}.guide-card-title{font-family:var(--guide-font-serif);color:#fff;letter-spacing:1px;margin:0 0 20px;font-size:28px;font-weight:700}.guide-red-tag{background-color:var(--guide-red);color:#fff;border-radius:4px;margin-bottom:30px;padding:4px 12px;font-size:13px;display:inline-block;box-shadow:0 4px 12px #c41e3a33}.guide-info-box{border:1px solid var(--guide-border);background:#0000004d;border-radius:8px;margin-bottom:30px;padding:24px}.guide-info-box p{color:var(--guide-text-secondary);margin:0;font-size:14px;line-height:1.8}.guide-info-box strong{color:#fff;font-weight:600}.guide-list{margin:0;padding:0;list-style:none}.guide-list li{color:var(--guide-text-secondary);margin-bottom:20px;padding-left:24px;font-size:14px;line-height:1.8;position:relative}.guide-list li:before{content:"◆";color:var(--guide-gold);font-size:12px;position:absolute;top:2px;left:0}.guide-list strong{color:var(--guide-gold);font-weight:600}.guide-list-item-title{color:#fff;font-weight:600}.guide-table-wrapper{border:1px solid #ffffff0d;border-radius:8px;width:100%;margin-top:24px;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font-size:14px}.guide-table th{color:var(--guide-gold);text-align:left;background:#0006;border-bottom:1px solid #ffffff0d;padding:16px;font-weight:500}.guide-table td{color:var(--guide-text-secondary);border-bottom:1px solid #ffffff08;padding:16px}.guide-table tr:last-child td{border-bottom:none}.guide-sublist{margin-top:12px;padding:0;list-style:none}.guide-sublist li{margin-bottom:8px;padding-left:24px;position:relative}.guide-sublist li:before{content:"👉";font-size:14px;position:absolute;top:0;left:0}@media (max-width:1024px){.guide-sections-grid{grid-template-columns:1fr;padding:0 40px 80px}.guide-hero{padding:60px 40px 40px}}@media (max-width:768px){.guide-sidebar{border-right:none;border-bottom:1px solid var(--guide-border);width:100%;height:auto;position:static}.guide-main{margin-left:0}.guide-nav{flex-direction:row;padding:0;overflow-x:auto}.guide-nav-link{white-space:nowrap;border-bottom:2px solid #0000}.guide-nav-link.active:before{display:none}.guide-nav-link.active{border-bottom-color:var(--guide-gold)}.guide-stamp{display:none}.guide-hero,.guide-sections-grid{padding:30px 20px}}
