*,*::before,*::after{box-sizing:border-box}body{background-color:var(--bg-deep);color:var(--text-main);font-family:'Inter',sans-serif;margin:0}a{color:var(--green-main);text-decoration:none}a:hover{color:var(--green-alt)}.breadcrumb-wrap{background:var(--bg-dark);border-bottom:1px solid var(--card-border);padding:12px 0}.breadcrumb{margin:0;background:transparent;padding:0}.breadcrumb-item a{color:var(--green-main);font-size:0.85rem}.breadcrumb-item.active{color:var(--text-muted);font-size:0.85rem}.breadcrumb-item + .breadcrumb-item::before{color:var(--text-muted)}.btn-outline-green{border:2px solid var(--green-main);color:var(--green-main);font-weight:600;padding:0.7rem 1.8rem;border-radius:8px;background:transparent;transition:all 0.2s;display:inline-block}.btn-outline-green:hover{background:var(--green-main);color:#06281f}.page-hero{background:linear-gradient(135deg,#06281f 0%,#0b1f1a 55%,#0d2e22 100%);padding:64px 0 52px;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;top:-80px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(34,197,94,0.07) 0%,transparent 70%);border-radius:50%;pointer-events:none}.section-label{font-size:0.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green-main);margin-bottom:0.5rem;display:block}.page-hero h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:900;color:var(--text-light);line-height:1.2}.page-hero h1 .hl{color:var(--green-main)}.page-hero p.lead{color:var(--text-muted);font-size:1rem;max-width:600px;line-height:1.8}section{padding:60px 0}.section-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--text-light);margin-bottom:1rem}.section-sub{color:var(--text-muted);max-width:620px;line-height:1.75;font-size:0.97rem}.feature-card{background:var(--bg-dark);border:1px solid var(--card-border);border-radius:16px;padding:28px 22px;height:auto;transition:border-color 0.2s,transform 0.2s;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green-main),var(--green-alt));opacity:0;transition:opacity 0.2s}.feature-card:hover{border-color:var(--green-main);transform:translateY(-4px)}.feature-card:hover::before{opacity:1}.feature-icon{width:58px;height:58px;background:rgba(34,197,94,0.1);border:2px solid rgba(34,197,94,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--green-main);margin-bottom:1.1rem}.feature-card h5{color:var(--text-light);font-weight:700;font-size:1rem;margin-bottom:0.5rem}.feature-card p{color:var(--text-muted);font-size:0.88rem;line-height:1.7;margin:0}.tool-card{background:var(--bg-dark);border:1px solid var(--card-border);border-radius:14px;padding:24px 20px;height:auto;transition:border-color 0.2s}.tool-card:hover{border-color:var(--green-alt)}.tool-card .tc-num{font-size:2rem;font-weight:900;color:rgba(34,197,94,0.2);line-height:1;margin-bottom:0.5rem}.tool-card h5{color:var(--text-light);font-weight:700;font-size:0.97rem;margin-bottom:0.5rem}.tool-card p{color:var(--text-muted);font-size:0.87rem;line-height:1.7;margin:0}.quiz-wrap{background:var(--bg-dark);border:1px solid var(--card-border);border-radius:16px;padding:36px 32px}.quiz-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--card-border)}.quiz-item:last-child{border-bottom:none}.quiz-item .qi-num{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.25);color:var(--green-main);border-radius:6px;font-size:0.75rem;font-weight:700;padding:3px 8px;flex-shrink:0;margin-top:2px}.quiz-item p{color:var(--text-muted);font-size:0.9rem;line-height:1.65;margin:0}.info-notice{background:rgba(16,185,129,0.08);border:1px solid var(--green-alt);border-radius:12px;padding:20px 24px;margin:1.2rem 0}.info-notice h6{color:var(--green-alt);font-weight:700;margin-bottom:6px;font-size:0.9rem}.info-notice p{color:var(--text-muted);font-size:0.88rem;margin:0;line-height:1.65}.warn-notice{background:var(--red-bg);border:1px solid var(--red-border);border-radius:12px;padding:20px 24px;margin:1.2rem 0}.warn-notice h6{color:#fca5a5;font-weight:700;margin-bottom:6px;font-size:0.9rem}.warn-notice p{color:var(--text-muted);font-size:0.88rem;margin:0;line-height:1.65}.gold-notice{background:rgba(245,158,11,0.07);border:1px solid rgba(245,158,11,0.35);border-radius:12px;padding:20px 24px;margin:1.2rem 0}.gold-notice h6{color:var(--gold-light);font-weight:700;margin-bottom:6px;font-size:0.9rem}.gold-notice p{color:var(--text-muted);font-size:0.88rem;margin:0;line-height:1.65}.prose-section{margin-bottom:48px;scroll-margin-top:90px}.prose-section h2{color:var(--text-light);font-size:1.25rem;font-weight:800;margin-bottom:1rem;padding-bottom:10px;border-bottom:1px solid var(--card-border)}.prose-section h3{color:var(--text-main);font-size:1rem;font-weight:700;margin:1.4rem 0 0.6rem}.prose-section p{color:var(--text-muted);font-size:0.93rem;line-height:1.85;margin-bottom:0.9rem}.prose-section ul{color:var(--text-muted);font-size:0.93rem;line-height:1.8;padding-left:1.4rem;margin-bottom:1rem}.prose-section ul li{margin-bottom:6px}.prose-section strong{color:var(--text-main)}.step-line{position:relative;padding-left:52px;margin-bottom:28px}.step-line::before{content:'';position:absolute;left:20px;top:40px;bottom:-28px;width:2px;background:var(--card-border)}.step-line:last-child::before{display:none}.step-dot{position:absolute;left:0;top:4px;width:40px;height:40px;background:rgba(34,197,94,0.12);border:2px solid var(--green-main);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green-main);font-weight:800;font-size:0.85rem}.step-line h5{color:var(--text-light);font-weight:700;font-size:0.97rem;margin-bottom:4px}.step-line p{color:var(--text-muted);font-size:0.88rem;line-height:1.65;margin:0}.cta-section{background:linear-gradient(135deg,#06281f 0%,#0b2a1e 60%,#0d2e22 100%);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}@media (max-width:767px){.quiz-wrap{padding:24px 18px}}html,body{overflow-x:clip;width:100%}
