*{box-sizing:border-box}html{background:#0C0B08;color:#E4D6B0;overflow-x:hidden}body{margin:0;background:#0C0B08;color:#E4D6B0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{outline:none}a:focus-visible,button:focus-visible{outline:2px solid #E0C056;outline-offset:2px}img{display:block;max-width:100%;object-fit:contain;object-position:center}.noticebar{position:fixed;z-index:80;left:0;right:0;top:0;height:20px;background:#080706;color:#E0C056;border-bottom:1px solid rgba(201,162,39,.22)}.notice-inner{max-width:1180px;height:20px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.notice-brand{height:20px;line-height:20px}.search-open{border:0;background:transparent;color:#E0C056;height:20px;padding:0 4px;cursor:pointer}.site-header{position:fixed;z-index:79;left:0;right:0;top:20px;height:52px;background:#161410;border-bottom:1px solid rgba(201,162,39,.50)}.header-inner{max-width:1180px;height:52px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.brand-logo{justify-self:start;height:44px;min-width:120px;display:flex;align-items:center;color:#F3E6C0;font-size:16px;font-weight:700}.brand-logo img{height:24px;max-width:160px}.brand-en{font-size:13px;color:#E0C056;letter-spacing:.08em;white-space:nowrap}.header-actions{justify-self:end;display:flex;align-items:center;gap:6px}.header-app,.menu-open{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid rgba(201,162,39,.50);border-radius:8px;background:#0C0B08;color:#F3E6C0;font-size:14px;cursor:pointer}.menu-open{min-width:56px}.header-app:hover,.menu-open:hover{border-color:#E0C056;color:#E0C056}.double-nav{position:fixed;z-index:78;left:0;right:0;top:72px;height:64px;background:#0C0B08;border-bottom:1px solid rgba(201,162,39,.22);display:flex;flex-direction:column;justify-content:center}.double-row{max-width:980px;width:100%;height:32px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:28px;padding:0 16px}.double-row a{height:32px;line-height:30px;font-size:13px;color:#B89A58;border-bottom:2px solid transparent;white-space:nowrap}.double-row a:hover,.double-row a.is-current{color:#F3E6C0;border-bottom-color:#E0C056}.layout-shell{max-width:1280px;margin:0 auto;padding:160px 18px 64px;display:grid;grid-template-columns:148px minmax(0,980px);justify-content:center;gap:26px}.side-nav{position:sticky;top:154px;align-self:start;width:148px;padding:16px 12px;background:#080706;border:1px solid rgba(201,162,39,.22);border-radius:8px}.side-group{display:flex;flex-direction:column;margin-bottom:18px}.side-group:last-child{margin-bottom:0}.side-group strong{font-size:12px;color:#8A7040;margin-bottom:7px}.side-group a{min-height:34px;padding:5px 8px;border-left:2px solid transparent;color:#B89A58}.side-group a:hover,.side-group a.is-current{color:#E0C056;border-left-color:#E0C056}.main-content{width:100%;min-width:0}.page-head,.home-intro{margin-bottom:26px}.eyebrow{font-size:12px;color:#B89A58;letter-spacing:.12em}.page-head h1,.home-intro h1{font-size:24px;line-height:1.3;color:#F3E6C0;margin:5px 0 12px}.page-lead,.home-intro p{max-width:820px;margin:0;color:#E4D6B0}.home-intro{padding:34px 0 28px;border-bottom:1px solid rgba(201,162,39,.22)}.home-intro .main-sentence{font-size:20px;color:#E0C056;margin:0 0 12px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn-primary,.btn-secondary{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;font-size:14px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#E0C056 0%,#C9A227 55%,#8A6E18 100%);color:#1A1408;font-weight:700}.btn-secondary{background:#0C0B08;color:#E0C056;border:1px solid rgba(201,162,39,.50)}.btn-primary:hover{filter:brightness(1.06)}.btn-secondary:hover{border-color:#E0C056}.section-block{margin:28px 0;padding:24px;background:#161410;border:1px solid rgba(201,162,39,.22);border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.45)}.section-block.plain{background:transparent;box-shadow:none;padding:6px 0 18px;border-width:0 0 1px;border-radius:0}.section-block h2{font-size:20px;color:#F3E6C0;margin:0 0 12px}.section-block h3{font-size:16px;color:#E0C056;margin:0 0 8px}.section-block p{margin:0 0 12px}.section-block p:last-child{margin-bottom:0}.media-slot{width:100%;min-height:120px;background:#080706;border:1px solid rgba(201,162,39,.22);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-176{height:176px}.media-160{height:160px}.media-200{height:200px}.media-app{height:300px}.media-icon{width:64px;height:64px;min-height:64px}.home-numbered{display:grid;gap:16px}.numbered-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid rgba(201,162,39,.22)}.numbered-item:last-child{border-bottom:0}.numbered-label{color:#E0C056;font-weight:700}.numbered-item .media-slot{grid-column:2}.two-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note-card{padding:18px;background:#1E1A14;border:1px solid rgba(201,162,39,.22);border-radius:8px}.note-card .media-slot{margin-bottom:14px}.flow-nodes{display:flex;flex-wrap:wrap;gap:10px}.flow-node{flex:1 1 180px;min-width:0;padding:16px;background:#1E1A14;border:1px solid rgba(201,162,39,.22);border-radius:8px}.flow-node strong{display:block;color:#E0C056;margin-bottom:6px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.work-item{padding:18px;background:#1E1A14;border:1px solid rgba(201,162,39,.22);border-radius:8px}.work-item small{display:block;color:#8A7040;margin-top:8px}.period-stack{display:grid;gap:12px}.period-item{padding:18px 20px;border-left:3px solid #8A6E18;background:#1E1A14}.status-list{display:grid;gap:10px}.status-item{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(201,162,39,.22)}.status-item:last-child{border-bottom:0}.status-tag{display:inline-flex;height:30px;align-items:center;justify-content:center;border:1px solid rgba(201,162,39,.50);border-radius:999px;color:#E0C056;font-size:12px}.app-band{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:26px;align-items:center;padding:26px;background:#080706;border:1px solid rgba(201,162,39,.50);border-radius:10px}.app-visual{display:grid;gap:12px;justify-items:center}.app-visual .media-icon{justify-self:end}.deep-band{background:#080706;border:1px solid rgba(201,162,39,.50);border-radius:10px;padding:26px;margin:26px 0}.single-notes{display:grid;gap:14px}.single-note{padding:18px 20px;background:#161410;border-left:3px solid #C9A227}.memo-list{counter-reset:memo;display:grid;gap:12px}.memo-item{position:relative;padding:18px 18px 18px 54px;background:#161410;border:1px solid rgba(201,162,39,.22);border-radius:8px}.memo-item:before{counter-increment:memo;content:counter(memo, decimal-leading-zero);position:absolute;left:16px;top:17px;color:#8A7040;font-weight:700}.method-steps{display:grid;gap:16px}.method-step{padding:20px 0;border-bottom:1px solid rgba(201,162,39,.22)}.method-step:last-child{border-bottom:0}.topic-list{display:grid;gap:14px}.topic-item{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px;background:#161410;border:1px solid rgba(201,162,39,.22);border-radius:8px}.topic-item strong{color:#E0C056}.terms{display:grid;gap:18px}.term{padding-bottom:16px;border-bottom:1px solid rgba(201,162,39,.22)}.term:last-child{border-bottom:0}.faq-list{display:grid;gap:14px}.faq-item{padding:20px;background:#161410;border:1px solid rgba(201,162,39,.22);border-radius:8px}.faq-item h2{font-size:16px;margin:0 0 8px;color:#E0C056}.contact-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-card{padding:18px;background:#161410;border:1px solid rgba(201,162,39,.22);border-radius:8px}.about-hero{margin-bottom:24px}.about-hero .media-slot{height:200px}.compact-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.compact-links a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid rgba(201,162,39,.50);border-radius:8px;color:#E0C056}.site-footer{background:#080706;border-top:1px solid rgba(201,162,39,.50);color:#E4D6B0;font-size:13px;padding:32px 18px 76px}.footer-inner{max-width:1120px;margin:0 auto}.footer-brand{display:grid;grid-template-columns:1fr 1.5fr;gap:28px;align-items:start;padding-bottom:22px;border-bottom:1px solid rgba(201,162,39,.22)}.footer-brand-row{display:flex;align-items:center;gap:12px}.footer-brand-row img{height:24px;max-width:150px}.footer-brand-row strong{display:block;color:#F3E6C0}.footer-brand-row span{display:block;color:#B89A58;font-size:11px}.footer-brand p{margin:0}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 0}.footer-links div{display:flex;flex-direction:column}.footer-links strong{color:#E0C056;margin-bottom:5px}.footer-links a{min-height:28px;color:#B89A58}.footer-links a:hover{color:#F3E6C0}.copyright{padding-top:14px;border-top:1px solid rgba(201,162,39,.22);color:#8A7040}.overlay{position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.66);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.full-menu{position:fixed;z-index:95;left:0;right:0;bottom:0;max-height:72vh;overflow:auto;background:#0C0B08;border-top:1px solid rgba(201,162,39,.50);transform:translateY(105%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s}.full-menu.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.sheet-head{position:sticky;top:0;background:#0C0B08;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(201,162,39,.22)}.sheet-brand{display:flex;align-items:center;gap:10px;color:#F3E6C0}.sheet-brand img{height:24px;max-width:150px}.sheet-close,.search-head button{min-width:56px;height:40px;border:1px solid rgba(201,162,39,.50);border-radius:8px;background:#161410;color:#E0C056;cursor:pointer}.sheet-grid{max-width:1040px;margin:0 auto;padding:16px 18px 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sheet-grid>div{display:flex;flex-direction:column;gap:6px}.sheet-grid>div>strong{color:#E0C056;margin-bottom:4px}.sheet-grid a{padding:8px 10px;border:1px solid transparent;border-radius:8px}.sheet-grid a:hover{border-color:rgba(201,162,39,.22);background:#161410}.sheet-grid span{display:block;color:#F3E6C0}.sheet-grid small{display:block;color:#8A7040;line-height:1.5}.search-layer{position:fixed;z-index:96;top:72px;left:0;right:0;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.search-layer.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-card{max-width:780px;margin:0 auto;padding:20px;background:#0C0B08;border:1px solid rgba(201,162,39,.50);border-radius:0 0 10px 10px;box-shadow:0 12px 28px rgba(0,0,0,.45)}.search-head{display:flex;align-items:center;justify-content:space-between}.search-head strong{color:#F3E6C0}.search-card p{color:#B89A58}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid rgba(201,162,39,.22);border-radius:8px;color:#E0C056}.mobile-bottom{display:none}
@media(max-width:860px){.brand-en{display:none}.header-inner{grid-template-columns:1fr auto}.double-nav,.side-nav{display:none}.layout-shell{display:block;padding:92px 16px 76px}.main-content{max-width:980px;margin:0 auto}.header-inner{padding:0 12px}.brand-logo{min-width:0;max-width:44vw}.brand-logo img{max-width:130px}.header-actions{gap:4px}.header-app,.menu-open{padding:0 10px}.notice-inner{padding:0 12px}.home-intro{padding-top:24px}.numbered-item{grid-template-columns:1fr;gap:10px}.numbered-item .media-slot{grid-column:1}.two-notes,.works-grid,.contact-paths{grid-template-columns:1fr}.topic-item{grid-template-columns:1fr}.app-band{grid-template-columns:1fr}.app-visual{justify-items:stretch}.app-visual .media-icon{justify-self:start}.media-app{height:300px;max-width:260px}.footer-brand{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.sheet-grid{grid-template-columns:1fr 1fr}.full-menu{max-height:72vh}.search-layer{top:0;bottom:0}.search-card{height:100%;max-width:none;border-radius:0;padding:76px 18px 18px}.mobile-bottom{position:fixed;z-index:70;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#080706;border-top:1px solid rgba(201,162,39,.50);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom a{height:48px;display:flex;align-items:center;justify-content:center;color:#B89A58;font-size:13px}.mobile-bottom a.is-current{background:#C9A227;color:#1A1408;font-weight:700}.site-footer{padding-bottom:84px}.section-block{padding:18px}.flow-node{flex-basis:140px}}
@media(max-width:520px){.footer-links,.sheet-grid{grid-template-columns:1fr}.header-app{font-size:13px}.menu-open{font-size:13px}.works-grid{gap:10px}.section-block{margin:20px 0}.page-head h1,.home-intro h1{font-size:24px}.app-band{padding:18px}.status-item{grid-template-columns:78px 1fr}.sheet-grid{padding-bottom:18px}}

.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-18{margin-top:18px}
