:root{--bg:#FFF9EC;--card:#FFFFFF;--pale:#F7EBCB;--yellow:#E9B92F;--green:#6A8247;--ink:#302718;--body:#514637;--muted:#746651;--line:#E7DCC4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;overflow-wrap:anywhere}img{max-width:100%;height:auto;object-fit:contain;object-position:center;display:block}a{color:#506736;text-underline-offset:4px}a:hover{color:#302718}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #506736;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto;min-width:0}.site-header{background:#fffdf7;border-bottom:1px solid var(--line)}.header-primary{height:66px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--ink);flex-shrink:0}.brand-logo{max-height:32px;width:auto;max-width:72px}.brand-symbol{width:32px;height:32px;border-radius:9px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-weight:800}.brand-word{font-size:18px;font-weight:800;line-height:1.22;white-space:nowrap}.brand-word small{display:block;font-size:9px;letter-spacing:.11em;color:var(--muted);margin-top:4px}.desktop-nav,.quick-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}.desktop-nav a,.quick-nav a{text-decoration:none;color:var(--ink);font-weight:600}.desktop-nav a.current,.quick-nav a.current{color:#526a34;text-decoration:underline;text-decoration-thickness:2px}.quick-nav{min-height:42px;padding-block:7px;border-top:1px solid var(--line);gap:10px 32px}.quick-nav a{font-size:14px;font-weight:500}.menu-button{display:none;border:1px solid var(--line);background:var(--pale);border-radius:10px;min-height:44px;padding:6px 13px;color:var(--ink)}.menu-overlay[hidden],.mobile-menu[hidden]{display:none!important}.menu-overlay{position:fixed;inset:0;background:rgba(35,28,17,.47);z-index:55}.mobile-menu{position:fixed;z-index:60;top:60px;left:0;right:0;background:#fffdf5;border-bottom:1px solid var(--line);max-height:calc(100dvh - 60px);display:flex;flex-direction:column;box-shadow:0 12px 26px #0002}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--line);color:var(--ink)}.menu-close{border:0;background:var(--pale);border-radius:9px;padding:8px 12px;min-height:44px}.menu-scroll{overflow-y:auto;overscroll-behavior:contain;padding:12px 18px 20px}.menu-scroll section+section{margin-top:15px}.menu-scroll h2{font-size:15px;margin:0 0 8px;color:var(--muted)}.menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.menu-links a{padding:8px 9px;min-height:44px;border-radius:8px;color:var(--ink);text-decoration:none;background:#fbf5e6;font-size:15px}.menu-links a.current{background:var(--pale);box-shadow:inset 3px 0 #bb8c14}body.menu-open{overflow:hidden}.main-content{padding-top:36px;padding-bottom:70px}.hero{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:center;gap:36px;padding:22px 0 14px}.hero-copy,.hero-media,.split-section>*,.reading-split>*{min-width:0}.eyebrow{font-size:13px;letter-spacing:.035em;color:#536d34;font-weight:800}h1,h2,h3{color:var(--ink);line-height:1.35;overflow-wrap:anywhere}h1{font-size:32px;margin:15px 0 20px}h2{font-size:25px;margin:0 0 23px}h3{font-size:19px;margin:0 0 12px}p{margin:0 0 17px}.hero p{max-width:610px}.button-row,.section-actions{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:22px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;text-decoration:none;border-radius:11px;font-weight:700}.button.primary{background:var(--yellow);color:var(--ink)}.button.secondary{background:var(--pale);color:var(--ink)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration-thickness:1px}.hero-media{background:#f7edce;border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:center;max-height:328px}.banner-image{max-height:300px;width:100%}.image-fallback{background:#f6e8bb;min-height:130px;width:100%;border-radius:11px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#51402a;gap:8px}.image-fallback span{font-size:11px;letter-spacing:.14em;color:#796a4a}.image-fallback strong{font-size:18px;line-height:1.4}.hero-media .image-fallback{min-height:215px}.content-section{margin-top:56px;min-width:0}.card-grid{display:grid;gap:18px}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:22px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.card p{flex:1}.card-media{width:100%;background:#f9f0d5;border-radius:10px;min-height:150px;max-height:190px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;padding:8px}.editor-image{max-height:174px;width:100%;object-fit:contain}.card-media .image-fallback{min-height:138px}.split-section{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:26px;align-items:center}.split-media{background:#f9f0d7;border-radius:13px;padding:16px;min-width:0;display:grid;place-items:center}.split-media .editor-image{max-height:190px}.split-media .image-fallback{min-height:170px}.note-stack{display:grid;gap:12px}.note{background:#fff;border-left:4px solid var(--yellow);padding:19px 23px;display:flex;gap:22px;border-radius:0 12px 12px 0}.note-count{font-size:21px;color:#56713d;font-weight:800}.note p{margin-bottom:0}.reading-split{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:28px}.path-list{border-top:1px solid var(--line)}.path-list article{padding:14px 0;border-bottom:1px solid var(--line)}.path-list p{margin-bottom:0}.creative-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:18px;align-items:start}.feature-card{background:#f7ebcb;border-radius:13px;padding:25px}.feature-card.compact{background:#fff;border:1px solid var(--line);margin-top:26px}.editorial-feature{background:#fff;border:1px solid var(--line);border-radius:13px;padding:26px;max-width:920px}.editorial-feature p{margin-bottom:6px}.app-media .app-image{max-height:380px;max-width:100%}.app-media .image-fallback{min-height:230px}.app-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:var(--ink)}.app-icon{max-height:64px;width:auto}.app-brand .image-fallback{width:64px;min-height:64px;padding:5px}.app-brand .image-fallback span{display:none}.app-brand .image-fallback strong{font-size:11px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line);background:#fff;padding:7px 15px;border-radius:10px;text-decoration:none;color:var(--ink)}.compact-last{margin-bottom:0}.page-intro{max-width:850px;margin:10px 0 28px}.page-intro p{font-size:17px}.interior-media{max-width:760px;min-height:145px;background:#f9efd1;border-radius:13px;display:grid;place-items:center;padding:10px;margin:0 0 30px}.interior-media .editor-image{max-height:185px}.article-content{max-width:880px;min-width:0}.prose-block{margin:0 0 35px;border-bottom:1px solid var(--line);padding-bottom:19px}.prose-block h2{margin:0 0 14px}.prose-block p{margin-bottom:17px}.faq-item{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:13px}.faq-item h2{font-size:21px;margin-bottom:9px}.site-footer{background:#f6edda;border-top:1px solid var(--line);padding:45px 0 30px}.footer-brand p{margin-top:12px;color:var(--muted);font-size:14px}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:25px}.footer-groups h2{font-size:17px;margin-bottom:10px}.footer-links{display:grid;gap:5px}.footer-links a{font-size:14px;color:var(--body);text-decoration:none;padding:4px 0}.footer-links a.current{text-decoration:underline}.copyright{border-top:1px solid var(--line);padding-top:22px;margin-top:29px;font-size:13px;color:var(--muted)}.bottom-nav{display:none}.skip-link{position:absolute;left:10px;top:-100px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}@media(max-width:1023px){.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-nav{gap:10px}}@media(max-width:767px){.wrap{width:calc(100% - 36px)}.header-primary{height:60px}.brand-word{font-size:15px}.brand-word small{font-size:8px}.brand-logo{max-height:28px}.desktop-nav,.quick-nav{display:none}.menu-button{display:inline-flex;align-items:center;gap:8px}.main-content{padding-top:22px;padding-bottom:85px}.hero{grid-template-columns:minmax(0,1fr);gap:18px;padding:4px 0 0}h1{font-size:28px;margin:12px 0 16px}h2{font-size:22px;margin-bottom:18px}h3{font-size:18px}.hero-media{max-height:242px}.banner-image{max-height:220px}.hero-media .image-fallback{min-height:150px}.content-section{margin-top:38px}.cols-2,.cols-3,.split-section,.reading-split,.creative-grid{grid-template-columns:minmax(0,1fr)}.card{padding:17px}.card-media{max-height:170px;min-height:130px}.editor-image{max-height:154px}.card-media .image-fallback{min-height:125px}.split-section{gap:18px}.note{padding:15px 17px;gap:14px}.feature-card{padding:19px}.feature-card.compact{margin-top:0}.editorial-feature{padding:18px}.app-media .app-image{max-height:300px}.app-media .image-fallback{min-height:180px}.page-intro p{font-size:16px}.interior-media{min-height:125px}.interior-media .editor-image{max-height:165px}.site-footer{padding:30px 0 86px}.footer-groups{gap:22px 12px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));bottom:0;left:0;right:0;z-index:40;background:#fffdf7;border-top:1px solid var(--line);padding:0 7px env(safe-area-inset-bottom);min-height:calc(56px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;align-items:center;justify-content:center;min-height:56px;text-decoration:none;color:var(--ink);font-size:14px}.bottom-nav a.current{background:var(--pale);box-shadow:inset 0 3px #a27f1b;font-weight:800}}@media(max-width:390px){.wrap{width:calc(100% - 32px)}.brand{gap:6px}.brand-word{font-size:14px}.menu-button{padding-inline:10px}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}