:root{--bg:#e8eeea;--bg-white:#fff;--green-dark:#1e5c1e;--green-mid:#2d7a2d;--green-soft:#4a9e4a;--green-pale:#c8dfc8;--green-dim:rgba(45,122,45,.1);--green-border:rgba(45,122,45,.25);--text-dark:#111a11;--text-body:#2e3d2e;--text-muted:#637063;--border-card:#d0e0d0;--shadow:rgba(30,92,30,.1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-body);font-family:Inter,sans-serif;font-size:17px;line-height:1.82;-webkit-font-smoothing:antialiased}nav{background:var(--bg-white);border:1.5px solid var(--green-pale);border-radius:16px;margin:20px auto;max-width:900px;padding:14px 28px;display:flex;align-items:center;gap:12px}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;color:var(--green-dark);text-decoration:none}.nav-logo .logo-icon{width:38px;height:38px;border:2px solid var(--green-dark);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.hero{text-align:center;padding:64px 24px 48px;max-width:860px;margin:0 auto}.hero h1{font-size:clamp(2rem,4.8vw,3.2rem);font-weight:900;color:var(--text-dark);line-height:1.1;letter-spacing:-1px;margin-bottom:18px}.hero h1 span{color:var(--green-dark)}.hero-sub{font-size:1.08rem;color:var(--text-muted);max-width:680px;margin:0 auto;line-height:1.72}.toc-box{background:var(--bg-white);border:1.5px solid var(--green-pale);border-radius:16px;padding:26px 30px;margin:32px auto 0;max-width:860px;box-shadow:0 2px 12px var(--shadow)}.toc-title{font-size:.82rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green-dark);margin-bottom:14px}.toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.toc-grid a{font-size:.9rem;color:var(--text-muted);text-decoration:none;padding:6px 0;border-bottom:1px dashed var(--border-card);display:flex;align-items:center;gap:8px;transition:color .2s}.toc-grid a:hover{color:var(--green-dark)}.toc-num{width:22px;height:22px;background:var(--green-dim);border:1.5px solid var(--green-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:var(--green-dark);flex-shrink:0}.article-wrap{max-width:860px;margin:0 auto;padding:40px 24px 100px}.intro-box{background:var(--bg-white);border:1.5px solid var(--green-pale);border-left:5px solid var(--green-dark);border-radius:14px;padding:26px 30px;margin-bottom:44px;box-shadow:0 2px 12px var(--shadow)}.intro-box p{color:var(--text-body);font-size:1.04rem;font-style:italic;margin:0;line-height:1.78}h2{font-size:1.75rem;font-weight:800;letter-spacing:-.5px;color:var(--text-dark);margin:60px 0 18px;line-height:1.22;padding-left:18px;border-left:4px solid var(--green-dark)}h3{font-size:1.3rem;font-weight:700;color:var(--green-dark);margin:40px 0 14px;letter-spacing:-.2px}h4{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin:24px 0 10px}p{color:var(--text-body);margin-bottom:20px;font-size:1.05rem}strong,b{color:var(--text-dark);font-weight:700}ul,ol{padding-left:22px;margin:14px 0 24px}ul li,ol li{color:var(--text-body);margin-bottom:12px;line-height:1.75;font-size:1.05rem}ul li::marker{color:var(--green-dark);font-size:1.1em}.divider{height:1.5px;margin:50px 0;background:linear-gradient(90deg,transparent,var(--green-pale),transparent)}.tip-box{background:var(--bg-white);border:1.5px dashed var(--green-soft);border-radius:14px;padding:24px 28px;margin:32px 0;display:flex;gap:16px;align-items:flex-start;box-shadow:0 4px 15px var(--shadow)}.tip-box .tip-icon{font-size:1.6rem;flex-shrink:0;margin-top:2px}.tip-box p{margin:0;color:var(--text-body);font-size:1rem;line-height:1.7}.tip-box strong{color:var(--green-dark)}.celeb-section{background:var(--bg-white);border:1.5px solid var(--border-card);border-radius:20px;overflow:hidden;box-shadow:0 2px 14px var(--shadow);margin:36px 0}.celeb-section-header{padding:28px 32px 24px;border-bottom:1.5px solid var(--border-card);display:flex;align-items:center;gap:20px}.celeb-shape-svg{width:85px;height:95px;flex-shrink:0}.celeb-header-text h3{margin:0 0 6px;font-size:1.35rem;color:var(--green-dark)}.celeb-header-text .celeb-shape-desc{font-size:.95rem;color:var(--text-muted);line-height:1.6}.celeb-badge{display:inline-block;background:var(--green-dim);border:1.5px solid var(--green-border);color:var(--green-dark);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin-bottom:8px}.celeb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0}.celeb-card{padding:24px 20px;border-right:1px solid var(--border-card);border-bottom:1px solid var(--border-card);transition:background .2s}.celeb-card:hover{background:#f4faf4}.celeb-card:nth-child(4n){border-right:none}.celeb-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;border:2.5px solid var(--green-pale)}.celeb-name{font-size:.95rem;font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:4px}.celeb-known{font-size:.8rem;color:var(--text-muted);text-align:center;margin-bottom:10px}.celeb-traits{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.celeb-trait{background:var(--green-dim);border:1px solid var(--green-border);color:var(--green-dark);font-size:.7rem;font-weight:600;padding:3px 9px;border-radius:100px}.celeb-section-body{padding:28px 32px}.celeb-section-body h4{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:12px}.celeb-section-body p{font-size:.95rem;color:var(--text-muted);margin-bottom:16px;line-height:1.75}.styled-table{width:100%;border-collapse:collapse;margin:36px 0;font-size:.95rem;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px var(--shadow)}.styled-table thead{background:var(--green-dark)}.styled-table th{padding:16px 20px;text-align:left;font-weight:700;color:#fff;font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.styled-table td{padding:16px 20px;border-bottom:1px solid var(--border-card);color:var(--text-body);vertical-align:top;line-height:1.6;background:var(--bg-white)}.styled-table tr:nth-child(2n) td{background:#f4faf4}.styled-table tr:last-child td{border-bottom:none}.styled-table tr:hover td{background:#edf6ed}.styled-table td:first-child{color:var(--green-dark);font-weight:700}.hero-diagram-wrap{background:linear-gradient(160deg,#f0f7f0,#e2ede3,#d5e8d6);border-top:1px solid var(--green-pale);border-bottom:1px solid var(--green-pale);padding:60px 24px 50px;position:relative;overflow:hidden}.hero-diagram-inner{max-width:900px;margin:0 auto;position:relative;z-index:1;text-align:center}.diagram-header{margin-bottom:40px}.diagram-badge{display:inline-block;background:var(--green-dark);color:#fff;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 18px;border-radius:100px;margin-bottom:16px;box-shadow:0 3px 12px #1e5c1e40}.conclusion{background:var(--green-dark);border-radius:24px;padding:50px 45px;margin-top:64px;position:relative;overflow:hidden}.conclusion:before{content:"";position:absolute;top:-80px;right:-80px;width:250px;height:250px;border-radius:50%;background:#ffffff0d}.conclusion h2{color:#fff;margin-top:0;border-left-color:#fff6;font-size:1.8rem}.conclusion p{color:#ffffffd9;font-size:1.05rem;line-height:1.8}.conclusion strong{color:#fff}.faq-section{margin-top:70px}.faq-header-row{display:flex;align-items:center;gap:16px;margin-bottom:32px}.faq-header-row h2{margin:0;border:none;padding:0;font-size:1.85rem}.faq-count-badge{background:var(--green-dark);color:#fff;font-size:.85rem;font-weight:700;padding:4px 14px;border-radius:100px}.faq-item{background:var(--bg-white);border:1.5px solid var(--border-card);border-radius:16px;margin-bottom:12px;box-shadow:0 2px 8px var(--shadow);overflow:hidden;transition:border-color .25s,box-shadow .25s}.faq-item.open{border-color:var(--green-soft);box-shadow:0 8px 26px #1e5c1e26}.faq-trigger{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 28px;text-align:left}.faq-trigger:hover{background:#f6fbf6}.faq-trigger-left{display:flex;align-items:center;gap:16px;flex:1}.faq-num{min-width:34px;height:34px;background:var(--green-dim);border:1.5px solid var(--green-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:var(--green-dark);flex-shrink:0;transition:background .25s}.faq-item.open .faq-num{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.faq-question{font-size:1.05rem;font-weight:700;color:var(--text-dark);line-height:1.45}.faq-chevron{width:32px;height:32px;flex-shrink:0;background:var(--green-dim);border:1.5px solid var(--green-border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s,background .25s;color:var(--green-dark)}.faq-item.open .faq-chevron{transform:rotate(180deg);background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.faq-chevron svg{width:15px;height:15px}.faq-body{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 28px}.faq-item.open .faq-body{max-height:800px;padding:0 28px 24px}.faq-divider{height:1px;background:var(--border-card);margin:0 28px;display:none}.faq-item.open .faq-divider{display:block;margin-bottom:20px}.faq-body p{margin:0 0 14px;font-size:1rem;color:var(--text-muted);line-height:1.8}.faq-body p:last-child{margin-bottom:0}@media (max-width:640px){nav{margin:12px;padding:12px 16px}.hero{padding:44px 16px 36px}.article-wrap{padding:10px 16px 70px}h2{font-size:1.5rem}.toc-grid{grid-template-columns:1fr}.celeb-grid{grid-template-columns:1fr 1fr}.celeb-card:nth-child(2n){border-right:none}.celeb-card:nth-child(4n){border-right:1px solid var(--border-card)}.conclusion{padding:34px 26px}}