.head-search{width:min(350px,31vw);margin-left:auto;position:relative}.head-search input{border:1px solid var(--line);background:#fff;border-radius:14px;outline:none;width:100%;height:43px;padding:0 45px 0 15px}.head-search input:focus{border-color:#ffb394;box-shadow:0 0 0 4px #ff643017}.head-search button{background:var(--paper2);width:33px;height:33px;color:var(--brand);border-radius:10px;font-weight:900;position:absolute;top:5px;right:5px}.register-btn{background:var(--brand);color:#fff;white-space:nowrap;border-radius:13px;padding:11px 16px;font-weight:900;box-shadow:0 8px 18px #ff643038}.guide-hero{padding:46px 0 28px}.guide-hero-card{min-height:395px;box-shadow:var(--shadow);background:radial-gradient(circle at 84% 16%,#fffffffa,#0000 30%),linear-gradient(125deg,#fff0e7,#fff9f5 55%,#eeeae4);border-radius:36px;padding:54px;position:relative;overflow:hidden}.guide-hero-copy{z-index:2;max-width:670px;position:relative}.eyebrow{color:var(--brand2);box-shadow:var(--soft);background:#fff;border:1px solid #ffd2c0;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.guide-hero h1{letter-spacing:-.065em;margin:20px 0 16px;font-size:clamp(42px,5.7vw,72px);line-height:1.05}.guide-hero p{color:#625b55;max-width:610px;margin:0;font-size:18px}.guide-search{background:#fff;border-radius:19px;grid-template-columns:1fr 54px;max-width:620px;margin-top:28px;padding:8px;display:grid;box-shadow:0 18px 42px #3e261521}.guide-search input{background:0 0;border:0;outline:none;height:52px;padding:0 15px}.guide-search button{background:var(--brand);color:#fff;border-radius:14px;font-size:20px}.hero-art{width:43%;height:100%;position:absolute;top:0;right:0}.hero-art img{box-shadow:var(--shadow);border-radius:26px;position:absolute}.hero-art .a{width:62%;height:230px;top:35px;right:42px;transform:rotate(3deg)}.hero-art .b{border:7px solid #fff;width:56%;height:180px;bottom:28px;left:2px;transform:rotate(-5deg)}.hero-note{box-shadow:var(--soft);background:#fffffff2;border-radius:17px;padding:14px 17px;font-size:12px;position:absolute;bottom:35px;right:40px}.hero-note b{font-size:21px;display:block}.section{padding:60px 0}.section.white{background:#fff}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-head h2{letter-spacing:-.05em;margin:0;font-size:clamp(28px,3.3vw,40px);line-height:1.15}.section-head p{color:var(--muted);margin:8px 0 0}.more{color:var(--brand2);white-space:nowrap;font-weight:900}.featured-grid{grid-template-columns:1.45fr .95fr .95fr;gap:18px;display:grid}.feature-card{min-height:390px;box-shadow:var(--soft);cursor:pointer;border-radius:28px;position:relative;overflow:hidden}.feature-card img{height:100%;position:absolute;inset:0}.feature-card:after{content:"";background:linear-gradient(#0000 35%,#120f0ddb 100%);position:absolute;inset:0}.feature-content{z-index:2;color:#fff;position:absolute;bottom:25px;left:28px;right:28px}.feature-content small{color:#ffaf8c;font-weight:900}.feature-content h3{margin:8px 0 0;font-size:26px;line-height:1.25}.feature-card:not(:first-child) .feature-content h3{font-size:22px}.feature-card:hover img{transform:scale(1.035)}.feature-card img{transition:all .45s}.filter-row{flex-wrap:wrap;gap:9px;margin-bottom:22px;display:flex}.filter-chip{border:1px solid var(--line);color:#534c46;background:#fff;border-radius:999px;height:42px;padding:0 15px;font-size:13px;font-weight:850}.filter-chip.active{background:var(--dark);color:#fff;border-color:var(--dark)}.guide-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.guide-card{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:24px;transition:all .22s;overflow:hidden}.guide-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.guide-cover{height:205px;position:relative}.guide-cover img{height:100%}.guide-cover:after{content:"";background:linear-gradient(#0000 60%,#0000002e);position:absolute;inset:0}.guide-badge{z-index:2;color:var(--brand2);background:#fffffff0;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;position:absolute;top:13px;left:13px}.guide-body{padding:19px}.guide-body h3{margin:0 0 9px;font-size:20px;line-height:1.34}.guide-body p{color:var(--muted);min-height:42px;margin:0;font-size:13px}.guide-meta{border-top:1px solid var(--line);color:#857b72;justify-content:space-between;gap:10px;margin-top:16px;padding-top:13px;font-size:11px;font-weight:800;display:flex}.tools{grid-template-columns:1.25fr 1fr 1fr;gap:16px;display:grid}.tool-card{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:25px;padding:26px}.tool-card.primary{color:#fff;background:linear-gradient(135deg,#211c18,#3a2c23)}.tool-card .icon{background:var(--paper2);width:48px;height:48px;color:var(--brand);border-radius:15px;place-items:center;font-size:22px;display:grid}.tool-card.primary .icon{background:#ffffff21}.tool-card h3{margin:17px 0 8px;font-size:22px}.tool-card p{color:var(--muted);margin:0;font-size:13px}.tool-card.primary p{color:#d9cec6}.tool-card button,.tool-card a{background:var(--brand);color:#fff;border-radius:12px;margin-top:18px;padding:11px 15px;font-size:13px;font-weight:900;display:inline-flex}.newsletter{background:linear-gradient(135deg,#fff0e7,#fffaf6);border:1px solid #f2ded0;border-radius:30px;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:38px;display:grid}.newsletter h3{margin:0 0 7px;font-size:27px}.newsletter p{color:var(--muted);margin:0}.newsletter-form{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:16px;padding:6px;display:flex}.newsletter-form input{border:0;outline:0;width:260px;height:44px;padding:0 12px}.newsletter-form button{background:var(--brand);color:#fff;border-radius:12px;padding:0 17px;font-weight:900}.footer{color:#d7cec6;background:#201b17;padding:48px 0 90px}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:35px;display:grid}.footer h4{color:#fff;margin:0 0 12px}.footer p{max-width:420px;font-size:12px}.footer-links{gap:8px;font-size:12px;display:grid}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;gap:20px;margin-top:34px;padding-top:18px;font-size:11px;display:flex}.mobile-nav{display:none}.article-progress{background:linear-gradient(90deg, var(--brand), #ffad83);z-index:80;width:0;height:3px;position:fixed;top:70px;left:0}.article-hero{padding:42px 0 24px}.article-hero-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:32px;overflow:hidden}.article-cover{height:440px;position:relative}.article-cover img{height:100%}.article-cover:after{content:"";background:linear-gradient(#0000000a,#000000bf);position:absolute;inset:0}.article-head{z-index:2;color:#fff;max-width:850px;position:absolute;bottom:38px;left:46px;right:46px}.article-head .category{color:var(--brand2);background:#fffffff0;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.article-head h1{letter-spacing:-.06em;margin:16px 0 13px;font-size:clamp(38px,5vw,62px);line-height:1.12}.article-head p{color:#f0e9e4;margin:0;font-size:18px}.article-meta{color:#e4d9d1;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:12px;font-weight:800;display:flex}.article-layout{grid-template-columns:230px minmax(0,760px) 230px;align-items:start;gap:34px;padding:38px 0 70px;display:grid}.toc{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:20px;padding:18px;position:sticky;top:96px}.toc strong{margin-bottom:12px;display:block}.toc a{color:#6e665f;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:750;display:block}.toc a:hover,.toc a.active{background:var(--paper2);color:var(--brand2)}.article-body{font-size:17px}.lead{color:#4d4640;margin-top:0;font-size:21px;line-height:1.75}.summary-box{background:linear-gradient(135deg,#fff1e8,#fffaf7);border:1px solid #f5d7c6;border-radius:22px;margin:28px 0;padding:24px}.summary-box h2{margin:0 0 12px;font-size:21px}.summary-box ul{margin:0;padding-left:20px}.summary-box li+li{margin-top:7px}.article-section{margin-top:48px;scroll-margin-top:100px}.article-section h2{letter-spacing:-.045em;margin:0 0 18px;font-size:31px;line-height:1.25}.article-section h3{margin:30px 0 12px;font-size:22px}.article-section p{color:#403a35;margin:0 0 17px}.article-section img{max-height:460px;box-shadow:var(--soft);border-radius:24px;margin:23px 0}.callout{border-left:4px solid var(--brand);color:#5c4d43;background:#fff7f2;border-radius:0 16px 16px 0;margin:22px 0;padding:17px 18px}.callout.good{border-left-color:var(--green);background:#f0faf6}.callout.warn{background:#fff9e7;border-left-color:#e6a400}.data-table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:18px;width:100%;margin:22px 0;font-size:14px;overflow:hidden}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;padding:14px 16px}.data-table th{color:#504942;background:#faf6f2}.data-table tr:last-child td{border-bottom:0}.checklist{gap:10px;margin:20px 0;display:grid}.check-item{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:flex-start;gap:12px;padding:15px 16px;display:flex}.check-item input{accent-color:var(--brand);width:18px;height:18px;margin-top:5px}.check-item b{display:block}.check-item span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.steps{gap:12px;margin:22px 0;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:42px 1fr;gap:14px;padding:17px;display:grid}.step-num{background:var(--paper2);width:42px;height:42px;color:var(--brand);border-radius:14px;place-items:center;font-weight:950;display:grid}.step h4{margin:0 0 4px;font-size:17px}.step p{color:var(--muted);margin:0;font-size:14px}.quote{background:var(--dark);color:#fff;border-radius:22px;margin:26px 0;padding:25px;font-size:22px;line-height:1.65}.ad-slot{color:#8a7c70;text-align:center;background:#fbf7f3;border:1px dashed #d9cabe;border-radius:16px;margin:30px 0;padding:20px;font-size:12px}.aside-card{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:20px;padding:18px;position:sticky;top:96px}.aside-card h3{margin:0 0 12px;font-size:17px}.aside-card a{border-bottom:1px solid var(--line);padding:11px 0;font-size:13px;font-weight:800;display:block}.aside-card a:last-child{border-bottom:0}.article-author{border-top:1px solid var(--line);gap:14px;margin-top:45px;padding-top:24px;display:flex}.author-avatar{background:linear-gradient(145deg, #ff8b5e, var(--brand));color:#fff;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:950;display:grid}.author-text b{display:block}.author-text span{color:var(--muted);font-size:12px}.related{background:#fff;padding:54px 0}.related-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.related-card{border:1px solid var(--line);border-radius:20px;overflow:hidden}.related-card img{height:145px}.related-card div{padding:15px}.related-card b{font-size:16px;display:block}.related-card span{color:var(--muted);font-size:11px}@media (max-width:1050px){.nav{display:none}.featured-grid{grid-template-columns:1.25fr 1fr}.feature-card:last-child{grid-column:1/-1;min-height:300px}.guide-grid{grid-template-columns:repeat(2,1fr)}.tools{grid-template-columns:1fr 1fr}.tool-card.primary{grid-column:1/-1}.article-layout{grid-template-columns:190px 1fr}.article-layout>aside:last-child{display:none}.hero-art{opacity:.55}.guide-hero-copy{max-width:600px}}@media (max-width:720px){.wrap{width:min(calc(100% - 24px), var(--max))}.demo{display:none}.header-in{height:62px}.head-search,.register-btn{display:none}.logo{font-size:19px}.guide-hero{padding-top:20px}.guide-hero-card{min-height:auto;padding:31px 24px}.guide-hero h1{font-size:42px}.guide-hero p{font-size:15px}.hero-art{display:none}.featured-grid,.guide-grid,.tools{grid-template-columns:1fr}.feature-card,.feature-card:last-child{grid-column:auto;min-height:330px}.section{padding:42px 0}.section-head{align-items:start}.section-head .more{display:none}.newsletter{grid-template-columns:1fr;padding:25px}.newsletter-form input{width:100%;min-width:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:grid}.mobile-nav{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#fffffff2;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{text-align:center;color:#6f675f;font-size:10px;font-weight:800}.mobile-nav i{font-size:18px;font-style:normal;display:block}.article-progress{top:62px}.article-hero{padding-top:18px}.article-cover{height:520px}.article-head{bottom:27px;left:23px;right:23px}.article-head h1{font-size:38px}.article-head p{font-size:15px}.article-layout{grid-template-columns:1fr;padding-top:25px}.toc,.article-layout>aside:last-child{display:none}.article-body{font-size:16px}.lead{font-size:19px}.article-section{margin-top:42px}.article-section h2{font-size:27px}.related-grid{grid-template-columns:1fr}.data-table{font-size:12px}.data-table th,.data-table td{padding:11px 9px}.footer{padding-bottom:120px}}