*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F6F0DC;color:#2A2414;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:15px;line-height:1.72;overflow-x:hidden}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:contain;object-position:center}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.3;color:#18140A;margin-bottom:16px}h2{font-size:20px;line-height:1.45;color:#18140A;margin-bottom:12px}h3{font-size:16px;line-height:1.5;color:#18140A}p{margin-bottom:14px}.site-header{position:fixed;left:0;right:0;top:0;z-index:50}.microbar{height:20px;background:#18140A;color:#C9A03A;font-size:12px}.micro-inner,.brand-inner,.quick-inner,.section-wrap,.footer-inner{width:min(960px,calc(100% - 32px));margin:0 auto}.micro-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.plain-action{border:0;background:none;color:#C9A03A;padding:0 4px;cursor:pointer}.brandbar{height:54px;background:#FBF7EA;border-bottom:1px solid rgba(110,84,24,.32)}.brand-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;min-height:44px;font-weight:700;color:#18140A}.brand-picture{display:flex;align-items:center;max-width:160px}.brand-picture img,.footer-brand img,.menu-brand img{height:24px;width:auto}.brand-picture:has(img)+.brand-word{display:none}.brand-word{font-size:16px}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.app-link{padding:0 14px;border:1px solid rgba(110,84,24,.5);border-radius:999px;color:#6E5418;background:#FBF7EA;font-size:14px}.menu-button{width:58px;gap:3px;flex-direction:column;border:0;background:transparent;color:#18140A;cursor:pointer;font-size:11px}.menu-button i{width:20px;height:1px;background:#6E5418}.quick-nav{height:46px;background:#FBF7EA;border-bottom:1px solid rgba(24,20,10,.1)}.quick-inner{height:46px;display:flex;align-items:center;gap:30px}.quick-item{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:#5A4E30}.quick-mark{width:22px;height:14px;border:1px solid #6E5418;border-radius:10px 8px 10px 2px;display:inline-block;transform:rotate(-7deg)}.quick-item.active .quick-mark{background:#C9A03A;border-color:#C9A03A}.quick-item.active{color:#18140A;font-weight:700}.site-main{padding-top:144px;min-height:70vh}.section-wrap{margin-top:24px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#6E5418;font-weight:700;margin-bottom:8px}.media-slot{background:#FBF7EA;border:1px solid rgba(24,20,10,.12);border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:84px}.media-slot img{width:100%;height:100%;object-fit:contain}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;font-size:14px;white-space:nowrap;transition:.2s ease}.primary-button{background:linear-gradient(135deg,#18140A 0%,#C9A03A 100%);color:#FBF7EA}.secondary-button{background:#FBF7EA;color:#18140A;border:1px solid rgba(110,84,24,.5)}.primary-button:hover,.secondary-button:hover,.app-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(24,20,10,.1)}a:focus-visible,button:focus-visible{outline:2px solid #6E5418;outline-offset:3px}.text-link{color:#6E5418;font-weight:700;border-bottom:1px solid rgba(110,84,24,.35);padding-bottom:2px}.hero{padding:34px 0 28px;border-bottom:1px solid rgba(24,20,10,.12)}.hero-routes{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}.hero-routes a{display:flex;align-items:center;gap:7px;font-size:13px;color:#5A4E30}.hero-routes span{width:18px;height:11px;border:1px solid #6E5418;border-radius:10px 8px 10px 2px}.hero-slogan{font-size:18px;color:#6E5418;font-weight:700}.hero-copy{max-width:800px}.hero-actions,.button-row{display:flex;gap:10px;flex-wrap:wrap}.story-band{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;background:#EFE6CE;padding:22px;border-radius:20px}.story-band-media{min-height:250px}.character-split{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:stretch}.character-media{height:220px}.character-copy{padding:24px;background:#FBF7EA;border-radius:18px;border:1px solid rgba(24,20,10,.12)}.scene-frame{display:grid;grid-template-columns:1fr 320px;grid-template-areas:"copy media" "note media";gap:16px;padding:18px;border:1px solid rgba(110,84,24,.38);border-radius:20px;background:#E6DCC0}.scene-copy{grid-area:copy;background:#FBF7EA;padding:20px;border-radius:16px}.scene-media{grid-area:media;min-height:330px}.scene-note{grid-area:note;padding:18px;background:#EFE6CE;border-radius:16px}.category-focus{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:center}.category-visual{min-height:260px}.category-copy{padding:26px;border-radius:20px;background:#18140A;color:#F6F0DC}.category-copy h2{color:#C9A03A}.period-review{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.period-copy{padding:24px;background:#FBF7EA;border:1px solid rgba(24,20,10,.12);border-radius:20px}.period-list article{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:12px 0;border-top:1px solid rgba(24,20,10,.1)}.period-list article b{color:#6E5418}.period-media{min-height:300px}.progress-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.progress-media{min-height:300px}.progress-copy{padding:24px;background:#EFE6CE;border-radius:20px}.progress-lines>div{padding:13px 0;border-top:1px solid rgba(24,20,10,.1)}.progress-lines span{display:inline-block;padding:2px 9px;border-radius:999px;background:#6E5418;color:#FBF7EA;font-size:12px;margin-bottom:6px}.app-feature{display:grid;grid-template-columns:1fr 320px 1fr;gap:18px;align-items:center;background:#FBF7EA;border:1px solid rgba(110,84,24,.28);border-radius:20px;padding:20px}.app-visual{display:grid;gap:10px}.icon-slot{width:70px;height:70px;min-height:70px;margin:auto}.icon-slot img{width:48px;height:48px}.app-shot{height:300px}.guide-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-row article{background:#FBF7EA;border:1px solid rgba(24,20,10,.12);border-radius:18px;padding:18px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-grid details,.faq-page details{background:#FBF7EA;border:1px solid rgba(24,20,10,.12);border-radius:16px;padding:14px 16px}.faq-grid summary,.faq-page summary{cursor:pointer;font-weight:700;color:#18140A}.faq-grid details p,.faq-page details p{margin:10px 0 0}.brand-intro{padding:26px;background:#E6DCC0;border-radius:20px}.page-lead{padding:24px;background:#FBF7EA;border:1px solid rgba(24,20,10,.12);border-radius:20px}.two-column-page{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-column-page article{padding:22px;background:#EFE6CE;border-radius:18px}.page-image{height:250px;margin-bottom:18px}.vertical-page{display:grid;grid-template-columns:250px 1fr;gap:24px}.vertical-media{height:320px;position:sticky;top:164px}.vertical-copy{background:#FBF7EA;border-radius:20px;padding:24px;border:1px solid rgba(24,20,10,.12)}.frame-ring{display:grid;grid-template-columns:1fr 310px;grid-template-areas:"copy image" "side image" "bottom bottom";gap:16px;padding:16px;background:#E6DCC0;border-radius:20px}.frame-copy{grid-area:copy;padding:20px;background:#FBF7EA;border-radius:16px}.frame-image{grid-area:image;min-height:420px}.frame-side{grid-area:side;padding:20px;background:#EFE6CE;border-radius:16px}.frame-bottom{grid-area:bottom;padding:22px;background:#FBF7EA;border-radius:16px}.single-page,.period-page,.status-page,.memo-page,.guide-page,.topic-page,.category-page,.app-page,.steps-page,.terms-page,.help-page,.faq-page,.contact-page,.about-page{background:#FBF7EA;border:1px solid rgba(24,20,10,.12);border-radius:20px;padding:26px}.wide-media{height:280px;margin:18px 0 24px}.period-banner{height:250px;margin:18px 0}.period-page article{position:relative;padding:20px 20px 20px 110px;border-top:1px solid rgba(24,20,10,.12)}.period-page article span{position:absolute;left:20px;top:20px;color:#6E5418;font-weight:700}.status-visual{height:260px;margin:18px 0}.status-list article{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px 0;border-top:1px solid rgba(24,20,10,.12)}.status-list b{color:#6E5418}.memo-image{height:260px;margin:18px 0}.memo-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memo-list article{padding:18px;background:#EFE6CE;border-radius:16px}.guide-page article,.steps-page article{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:18px 0;border-top:1px solid rgba(24,20,10,.12)}.guide-page article>span,.steps-page article>span{font-size:22px;color:#C9A03A;font-weight:700}.topic-list{display:grid;gap:12px}.topic-list article{padding:20px;background:#EFE6CE;border-radius:16px}.category-head-image{height:260px;margin:18px auto;max-width:680px}.category-center{max-width:760px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.category-center article{padding:18px;background:#EFE6CE;border-radius:16px}.app-page-media{max-width:420px;margin:20px auto;display:grid;gap:12px}.icon-big{height:84px;min-height:84px}.icon-big img{width:48px;height:48px}.app-tall{height:320px}.app-page-copy{max-width:780px;margin:0 auto}.terms-page>section{padding:18px 0;border-top:1px solid rgba(24,20,10,.12)}.help-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-list article{padding:18px;background:#EFE6CE;border-radius:16px}.faq-page details{margin:10px 0}.contact-page article{padding:18px 0;border-top:1px solid rgba(24,20,10,.12)}.about-banner{height:200px;margin-bottom:22px}.about-cover{height:240px;margin:20px 0}.site-footer{margin-top:48px;background:#18140A;color:#F6F0DC;border-top:1px solid #C9A03A;padding:28px 0 76px;font-size:13px}.footer-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.footer-brand a{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}.footer-brand strong{color:#C9A03A}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups h2{font-size:13px;color:#C9A03A;margin-bottom:8px}.footer-groups a{display:block;color:#F6F0DC;margin:7px 0}.footer-note{color:#d8ccb3;margin-top:22px}.copyright{color:#C9A03A}.page-mask{position:fixed;inset:0;background:rgba(24,20,10,.42);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.page-mask.open{opacity:1;visibility:visible;pointer-events:auto}.site-menu{position:fixed;z-index:80;right:16px;top:82px;width:300px;max-height:350px;background:#FBF7EA;border:1px solid rgba(110,84,24,.5);box-shadow:0 12px 28px rgba(24,20,10,.12);border-radius:18px;transform:translateY(-18px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s;overflow:hidden}.site-menu.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.menu-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(24,20,10,.1)}.menu-brand{display:flex;align-items:center;gap:8px}.close-action{min-height:44px;border:0;background:transparent;color:#6E5418;cursor:pointer}.menu-scroll{max-height:295px;overflow:auto;padding:10px 14px}.menu-scroll section{margin-bottom:14px}.menu-scroll h2{font-size:12px;color:#6E5418;margin:6px 0}.menu-scroll a{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:7px 0;border-top:1px solid rgba(24,20,10,.08)}.menu-scroll a span{font-size:12px;color:#7A6E48}.search-panel{position:fixed;z-index:85;left:50%;top:82px;width:min(720px,calc(100% - 32px));transform:translate(-50%,-14px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-panel.open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:#FBF7EA;border:1px solid rgba(110,84,24,.5);border-radius:18px;box-shadow:0 12px 28px rgba(24,20,10,.12);padding:18px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-links{display:flex;gap:8px;flex-wrap:wrap}.search-links a{min-height:40px;display:flex;align-items:center;padding:0 12px;border:1px solid rgba(110,84,24,.4);border-radius:999px;color:#6E5418}.mobile-nav{display:none}
@media(max-width:720px){.micro-inner,.brand-inner,.section-wrap,.footer-inner{width:calc(100% - 32px)}.quick-nav{display:none}.site-main{padding-top:82px}.brand-word{font-size:14px}.app-link{padding:0 10px}.hero{padding-top:24px}.story-band,.character-split,.scene-frame,.category-focus,.period-review,.progress-section,.app-feature,.two-column-page,.vertical-page,.frame-ring{grid-template-columns:1fr;grid-template-areas:none}.story-band-media,.character-media,.category-visual,.period-media,.progress-media{min-height:220px;height:220px}.scene-copy,.scene-media,.scene-note,.frame-copy,.frame-image,.frame-side,.frame-bottom{grid-area:auto}.scene-media,.frame-image{min-height:260px;height:260px}.app-feature{padding:16px}.app-shot{height:280px}.guide-row,.faq-grid,.memo-list,.category-center,.help-list,.footer-groups{grid-template-columns:1fr}.period-list article{grid-template-columns:82px 1fr}.vertical-media{position:static;height:240px}.single-page,.period-page,.status-page,.memo-page,.guide-page,.topic-page,.category-page,.app-page,.steps-page,.terms-page,.help-page,.faq-page,.contact-page,.about-page{padding:20px}.period-page article{padding-left:20px}.period-page article span{position:static;display:block;margin-bottom:6px}.status-list article{grid-template-columns:1fr}.guide-page article,.steps-page article{grid-template-columns:42px 1fr}.site-menu{right:6%;top:74px;width:88%;max-height:350px}.search-panel{inset:0;width:100%;height:100%;transform:none;background:#18140A;padding:70px 16px 16px}.search-panel.open{transform:none}.search-card{background:#18140A;border:0;box-shadow:none;color:#F6F0DC}.search-card h2,.search-card p{color:#F6F0DC}.search-links a{color:#C9A03A;border-color:#C9A03A}.search-head .close-action{color:#C9A03A}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#FBF7EA;border-top:1px solid rgba(110,84,24,.35)}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-nav a.active{background:#C9A03A;color:#18140A;font-weight:700}.site-footer{padding-bottom:82px}}

.extra-note{padding:22px;background:#EFE6CE;border:1px solid rgba(24,20,10,.1);border-radius:18px}.extra-note p:last-child{margin-bottom:0}