*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffaf4;color:#493f3a;font:16px/1.77 system-ui,-apple-system,"Microsoft Yahei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:#a74405}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;object-fit:contain;object-position:center}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#292522;line-height:1.35}h1{font-size:clamp(28px,3.25vw,40px)}h2{font-size:clamp(22px,2.5vw,27px)}h3{font-size:19px}.container{max-width:1240px;margin:auto;padding:0 32px}.topline{background:#252a32;color:#fff6eb;font-size:12px}.topline-inner{min-height:27px;display:flex;justify-content:space-between;align-items:center}.topline a{margin-left:20px}.masthead{position:sticky;top:0;background:#fffaf4;z-index:70;border-bottom:1px solid #eaded2}.masthead-inner{height:72px;display:flex;align-items:center;gap:24px}.brand{font-size:25px;font-weight:850;color:#292522;display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-logo{max-width:120px;max-height:36px}.brand small{display:block;font-size:10px;line-height:1;letter-spacing:2px}.accent{color:#ba4e0b}.desktop-search{margin:auto;display:flex;max-width:390px;flex:1;border:1px solid #d8c9bc;border-radius:12px;overflow:hidden;background:white}.desktop-search input{border:0;min-width:0;flex:1;padding:8px 13px;outline-offset:-3px}.desktop-search button,.search-line button{border:0;background:#ba4e0b;color:#fff;padding:8px 17px}.head-actions{display:flex;align-items:center;gap:13px}.head-link{font-weight:650;font-size:14px;white-space:nowrap}.icon-btn{border:1px solid #e0d3c8;background:#fff;min-height:44px;min-width:44px;border-radius:10px;padding:5px 11px;color:#292522}.mobile-search-trigger{display:none}.channel-nav{background:#fff;border-bottom:1px solid #eee3d9}.nav-scroll{display:flex;gap:25px;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.nav-scroll a{display:flex;align-items:center;min-height:45px;font-size:14px;font-weight:650;border-bottom:3px solid transparent}.nav-scroll a.active,.nav-scroll a:hover{color:#a74405;border-bottom-color:#ba4e0b}.overlay{position:fixed;inset:0;background:rgba(15,19,24,.55);opacity:0;visibility:hidden;pointer-events:none;z-index:80;transition:opacity .2s}.menu-panel{position:fixed;right:0;top:0;bottom:0;z-index:90;background:#fffaf4;width:min(390px,88vw);box-shadow:-12px 0 35px #0002;transform:translateX(100%);visibility:hidden;pointer-events:none;display:flex;flex-direction:column;transition:transform .23s,visibility .23s}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #e9ded4}.panel-scroll{overflow-y:auto;padding:14px 22px}.panel-scroll section{margin:0 0 23px}.panel-scroll h2{font-size:17px;margin:0 0 6px;color:#b14a08}.panel-scroll section a{display:block;padding:9px 0;border-bottom:1px solid #efe4da}.panel-scroll strong,.panel-scroll small{display:block}.panel-scroll small{font-size:12px;color:#665a53}.search-panel{position:fixed;top:70px;left:0;right:0;z-index:90;background:white;border-bottom:1px solid #eaded2;padding-bottom:22px;visibility:hidden;opacity:0;pointer-events:none}.search-panel .panel-head{padding-left:0;padding-right:0}.search-line{display:flex;margin-top:7px}.search-line input{min-width:0;flex:1;border:1px solid #baa99c;border-radius:8px 0 0 8px;padding:10px}.search-line button{border-radius:0 8px 8px 0}body.panel-active{overflow:hidden}body.panel-active .overlay{opacity:1;visibility:visible;pointer-events:auto}body.menu-active .menu-panel{transform:translateX(0);visibility:visible;pointer-events:auto}body.search-active .search-panel{opacity:1;visibility:visible;pointer-events:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.section{padding:55px 0}.section.soft{background:#fff0de}.section.light{background:#fff}.section.dark{background:#171b22;color:#e0e4e8}.dark h1,.dark h2,.dark h3{color:#f9f6f1}.dark .muted{color:#d4dbe0}.eyebrow,.mini-meta{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#a94b0e}.dark .eyebrow,.dark .mini-meta{color:#ffc18e}.section-title{max-width:720px;margin-bottom:22px}.section-title p{margin-bottom:0}.muted{color:#665a53}.hero-grid,.split{display:grid;grid-template-columns:45% 1fr;gap:35px;align-items:center}.hero-grid{min-height:370px}.hero-copy p{max-width:510px}.hero h1{margin:12px 0}.hero .media{height:355px}.media{display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,#fbe5cb,#f8eee3);border:1px solid rgba(83,63,44,.11);overflow:hidden;min-height:175px}.media img{display:block;max-width:100%;max-height:100%;object-fit:contain}.media:empty:after{content:"";width:44%;height:2px;background:#eab67d;border-radius:99px;opacity:.4}.dark .media{background:linear-gradient(135deg,#252a32,#393035)}.btns{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:9px 18px;border-radius:11px;background:#ba4e0b;color:#fff!important;font-weight:700}.btn.alt{background:#fbe5cb;color:#35261d!important}.btn.ghost{background:#fff;border:1px solid #d8b08d;color:#8c3805!important}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.topic-card,.room-card,.content-card{background:#fff;border:1px solid rgba(83,63,44,.13);padding:22px;border-radius:15px;min-width:0}.topic-card{display:flex;flex-direction:column;gap:9px}.topic-card strong{font-size:19px;color:#292522}.topic-card small{font-size:14px;line-height:1.65}.text-link{display:inline-block;margin-top:9px;font-weight:700;color:#a74405;font-size:14px}.room-card p{font-size:14px}.room-card .status{display:inline-block;padding:3px 9px;background:#fff0de;border-radius:7px;font-size:12px;color:#78370b}.room-card .text-link{display:block}.stage-box{padding:23px;background:#252a32;color:#e0e4e8;border-radius:18px}.stage-box h2,.stage-box h3{color:#fff}.stage-box .media{min-height:255px;background:linear-gradient(130deg,#3d3129,#171b22)}.editor-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;align-items:center}.editor-grid .media{height:280px}.editor-grid.reverse .media{order:2}.editor-grid .body{max-width:650px}.detail-heading{padding:45px 0 24px}.detail-heading .breadcrumb{font-size:13px;color:#765d4c;margin-bottom:14px}.detail-heading p{max-width:810px}.longform{max-width:850px}.prose{font-size:16px;line-height:1.9}.prose p{margin-bottom:17px}.feature-lines{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-lines article{padding:25px;background:#fff;border:1px solid #eee2d6;border-radius:15px}.feature-lines article h2{font-size:22px}.feature-lines article:nth-child(3n){background:#fff1df}.reading-row{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #eadfd4}.reading-row .step{color:#ba4e0b;font-size:25px;font-weight:850}.reading-row h2{margin-bottom:10px}.reading-row p{max-width:820px}.side-list{padding:22px;background:#fff4e7;border-radius:14px}.side-list a{display:block;padding:8px 0;border-bottom:1px solid #e4cfba}.notice{padding:19px 22px;background:#fff0de;border-left:4px solid #ba4e0b;border-radius:9px}.faq-list details{background:#fff;border:1px solid #e7dacd;border-radius:12px;padding:14px 20px;margin-bottom:12px}.faq-list summary{cursor:pointer;font-weight:750;color:#292522;padding:5px 0}.faq-list p{padding-top:8px;margin:0}.filter-links{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.filter-links a{padding:8px 15px;border:1px solid #dfcbb8;border-radius:8px;background:#fff}.filter-links a.active{background:#ba4e0b;color:white}.room-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start}.player-area{min-height:280px;aspect-ratio:16/9;background:#171b22;color:#f9f6f1;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.player-area video{width:100%;max-height:550px}.chat-widget{background:white;border:1px solid #eee0d2;border-radius:15px;overflow:hidden}.chat-widget h2{font-size:19px;padding:13px 18px;margin:0;border-bottom:1px solid #eee0d2}.messages{height:245px;overflow-y:auto;padding:14px 18px;background:#fffaf5;font-size:14px}.message{margin-bottom:12px;overflow-wrap:anywhere}.message strong{color:#8d430e}.chat-widget form{padding:14px}.chat-widget input,.chat-widget textarea{width:100%;border:1px solid #d5c4b7;border-radius:8px;padding:10px;margin-bottom:10px}.chat-widget button{width:100%;border:0;padding:10px;border-radius:8px;background:#ba4e0b;color:white}.chat-widget .chat-alert{font-size:12px;color:#7a3b15}.footer{background:#171b22;color:#e0e4e8;padding:40px 0 22px}.footer a:hover{color:#ffc18e}.footer-intro{max-width:670px}.footer-brand{font-size:24px;font-weight:850;color:#fff}.footer-brand span{font-size:12px;letter-spacing:2px;color:#ffb36a}.footer-intro p{font-size:14px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:25px}.footer-grid h2{font-size:15px;color:#ffc18e;border-bottom:1px solid #6c503f;padding-bottom:9px}.footer-grid a{display:block;font-size:14px;margin:7px 0}.footer-bottom{border-top:1px solid #5c514b;padding-top:20px;margin-top:30px;font-size:12px;display:flex;justify-content:space-between}.bottom-nav{display:none}:focus-visible{outline:3px solid #a84b12;outline-offset:3px}@media(max-width:900px){.container{padding:0 22px}.head-link,.desktop-search{display:none}.mobile-search-trigger{display:inline-block}.masthead-inner{justify-content:space-between}.hero-grid{min-height:0}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.room-layout{grid-template-columns:1fr}.editor-grid,.hero-grid,.split{gap:22px}}@media(max-width:600px){.container{padding:0 16px}.topline{display:none}.masthead-inner{height:62px}.brand{font-size:21px}.brand-logo{max-width:95px;max-height:30px}.desktop-only{display:none}.head-actions{gap:8px}.channel-nav .nav-scroll{gap:20px}.section{padding:35px 0}.hero-grid,.split,.editor-grid{grid-template-columns:1fr}.hero .media{height:245px}.grid,.grid.two,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-card,.room-card,.content-card{padding:15px}.topic-card strong{font-size:16px}.topic-card small{font-size:12px}.room-card p{font-size:13px}.editor-grid .media{height:235px}.editor-grid.reverse .media{order:0}.feature-lines{grid-template-columns:1fr}.reading-row{grid-template-columns:54px 1fr;gap:10px}.reading-row .step{font-size:19px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}.footer{padding-bottom:95px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:75;background:#fffdf9;border-top:1px solid #dfccba;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{text-align:center;min-height:57px;padding:14px 3px;font-size:14px;font-weight:700;border-top:3px solid transparent}.bottom-nav a.active{border-top-color:#ba4e0b;color:#9a3a07}.detail-heading{padding:30px 0 12px}.player-area{min-height:220px}.footer-bottom{display:block}.footer-bottom a{margin-left:12px}.search-panel{top:62px}}@media(max-width:365px){.grid,.grid.two,.grid.four{grid-template-columns:1fr}.brand-logo{max-width:75px}.head-actions{gap:4px}.icon-btn{padding:4px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}