:root{--bg:#FFFBF3;--bg2:#FFF6E4;--pale:#F8E7B8;--ink:#1C1608;--text:#3A3120;--muted:#6B5E43;--note:#8A7B5E;--gold:#D4A017;--gold2:#E8C547;--warm:#F0C94A;--deep:#B8860B;--border:rgba(212,160,23,.18);--shadow:0 16px 42px rgba(80,55,10,.10);--shell:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{width:min(calc(100% - 40px),var(--shell));margin:auto}.site-header{position:sticky;top:0;z-index:50}.brand-bar{height:28px;background:#1A1508;color:#FFF6E4;font-size:13px}.brand-bar-inner{height:28px;display:flex;align-items:center;justify-content:space-between}.brand-wordmark{font-weight:700;letter-spacing:.03em}.brand-actions{display:flex;gap:18px;align-items:center}.text-action{border:0;background:transparent;color:inherit;padding:0}.main-nav{background:rgba(255,251,243,.98);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.main-nav-inner{height:68px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:28px}.nav-logo{display:flex;align-items:center;font-weight:800;color:var(--ink);font-size:20px}.brand-logo,.directory-logo,.footer-logo{display:block;width:auto!important;height:auto!important;object-fit:contain;aspect-ratio:auto!important}.brand-logo{max-height:38px;max-width:170px}.directory-logo{max-height:34px;max-width:150px}.footer-logo{max-height:38px;max-width:170px;margin-bottom:10px}.desktop-primary{display:flex;align-items:center;justify-content:center;gap:26px;white-space:nowrap}.desktop-primary a{padding:20px 0 16px;border-bottom:3px solid transparent;color:var(--muted)}.desktop-primary a:hover,.desktop-primary a.is-active{color:var(--ink);border-bottom-color:var(--gold)}.mobile-current{display:none}.directory-button{min-height:44px;border:1px solid rgba(184,134,11,.38);background:linear-gradient(135deg,#F0C94A 0%,#D4A017 55%,#B8860B 100%);color:#1C1608;border-radius:10px;padding:9px 15px;font-weight:800;white-space:nowrap}.desktop-directory-label{display:inline}.mobile-directory-label{display:none}.context-nav{background:#FFF6E4;border-bottom:1px solid var(--border)}.context-nav-inner{min-height:48px;display:flex;align-items:center;gap:10px;overflow:hidden}.context-nav a{padding:7px 12px;border-radius:8px;color:var(--muted);white-space:nowrap}.context-nav a.is-current{background:#F0C94A;color:#1C1608;font-weight:800}main{min-height:60vh}.page-hero,.home-hero{padding:54px 0 34px}.page-hero-grid,.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:40px;align-items:center}.eyebrow{color:var(--deep);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-hero h1,.home-hero h1{margin:.18em 0 .4em;color:var(--ink);font-size:clamp(28px,3vw,32px);line-height:1.2}.lead{font-size:17px;color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;font-weight:800;border:1px solid rgba(184,134,11,.28)}.btn.primary{background:linear-gradient(135deg,#F0C94A 0%,#D4A017 55%,#B8860B 100%);color:#1C1608}.btn.secondary{background:#FFF6E4}.hero-media,.feature-media,.card-media,.compact-media,.app-visual{display:flex;justify-content:center;align-items:center}.hero-image{display:block;max-width:100%;width:auto;height:auto;max-height:280px;object-fit:contain;border-radius:16px;box-shadow:var(--shadow)}.home-banner{display:block;max-width:100%;width:auto;height:auto;max-height:320px;object-fit:contain;border-radius:16px;box-shadow:var(--shadow)}.feature-image{display:block;max-width:100%;width:auto;height:auto;max-height:250px;object-fit:contain;border-radius:14px}.card-image{display:block;max-width:100%;width:auto;height:auto;max-height:210px;object-fit:contain;border-radius:12px}.compact-image{display:block;max-width:100%;width:auto;height:auto;max-height:165px;object-fit:contain;border-radius:10px}.app-visual-image{display:block;max-width:100%;width:auto;height:auto;max-height:215px;object-fit:contain;border-radius:12px}.app-icon-wrap{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border-radius:14px;background:#FFF6E4;border:1px solid var(--border)}.app-icon{display:block!important;width:56px!important;height:56px!important;max-width:64px!important;max-height:64px!important;min-width:0!important;object-fit:contain!important;aspect-ratio:auto!important}.section{padding:38px 0}.section.alt{background:var(--bg2)}.section-head{max-width:780px;margin-bottom:24px}.section h2{margin:0 0 10px;color:var(--ink);font-size:24px;line-height:1.3}.section h3{color:var(--ink);margin:.2em 0 .45em}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card,.info-card,.service-card,.feature-card,.compact-card,.notice-card{background:#fffdf8;border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 10px 28px rgba(80,55,10,.06)}.info-card img,.service-card img,.feature-card img,.card img{max-width:100%;width:auto;height:auto;max-height:210px;object-fit:contain}.compact-card img{max-width:100%;width:auto;height:auto;max-height:165px;object-fit:contain}.app-visual img{max-width:100%;width:auto;height:auto;max-height:215px;object-fit:contain}.stage-band{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.stage-item{background:#fffdf8;border:1px solid var(--border);padding:18px 14px;border-radius:12px;min-height:130px}.stage-item strong{display:block;color:var(--ink);margin-bottom:8px}.feature-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.feature-main,.feature-side>article{background:#fffdf8;border:1px solid var(--border);border-radius:14px;padding:22px}.feature-side{display:grid;gap:20px}.compact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.service-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.link-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.link-list a{padding:8px 11px;background:#FFF6E4;border:1px solid var(--border);border-radius:8px}.prose p{margin:0 0 1em}.matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.matrix article{border-left:4px solid var(--gold);background:#fffdf8;padding:18px;border-radius:0 12px 12px 0}.status{display:inline-block;padding:4px 9px;border-radius:7px;background:#F8E7B8;color:#1C1608;font-weight:700;font-size:14px}.faq-list{display:grid;gap:14px}.faq-item{background:#fffdf8;border:1px solid var(--border);border-radius:12px;padding:20px}.faq-item h2{font-size:19px}.site-footer{background:#1A1508;color:#FFF6E4;padding:44px 0 80px;border-top:1px solid rgba(232,197,71,.26)}.footer-grid{display:grid;grid-template-columns:260px 1fr;gap:42px}.footer-brand h2{margin:0;color:#FFF6E4}.footer-en{color:#E8C547;letter-spacing:.09em}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-links h3{color:#E8C547;margin:0 0 8px}.footer-links a{display:block;color:#FFF6E4;opacity:.88;padding:3px 0}.footer-note{border-top:1px solid rgba(232,197,71,.24);margin-top:32px;padding-top:22px;color:#F8E7B8;font-size:14px}.overlay{position:fixed;inset:0;background:rgba(28,22,8,.54);z-index:80;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s}.overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}.directory-panel{position:fixed;left:0;right:0;top:96px;z-index:90;background:#FFFBF3;border-top:1px solid var(--border);box-shadow:var(--shadow);max-height:calc(100vh - 96px);overflow:auto;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s,transform .2s}.directory-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.directory-inner{padding:22px 0 30px}.directory-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.directory-brand{display:flex;align-items:center;gap:12px}.close-button{min-width:44px;min-height:44px;border:1px solid var(--border);background:#FFF6E4;color:#1C1608;border-radius:9px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.directory-grid>div{background:#fffdf8;border:1px solid var(--border);border-radius:12px;padding:18px}.directory-grid h2{font-size:18px;margin:0 0 6px;color:#1C1608}.directory-grid p{color:#6B5E43;font-size:14px}.directory-grid a{display:inline-block;margin:4px 10px 4px 0;color:#1C1608;font-weight:700}.search-layer{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s}.search-layer.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-panel{width:min(720px,100%);background:#FFFBF3;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.search-head{display:flex;align-items:center;justify-content:space-between}.search-head h2{margin:0;color:#1C1608}.search-box{display:block;margin:24px 0}.search-box input{width:100%;min-height:52px;border:1px solid rgba(184,134,11,.35);background:#fffdf8;border-radius:10px;padding:0 14px;color:#3A3120}.search-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.search-shortcuts a{min-height:44px;display:grid;place-items:center;border-radius:9px;background:#FFF6E4;border:1px solid var(--border)}.layer-open{overflow:hidden}.mobile-bottom{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #E8C547;outline-offset:2px}
@media(max-width:980px){.desktop-primary{gap:15px;font-size:14px}.main-nav-inner{grid-template-columns:150px 1fr auto;gap:14px}.grid-4{grid-template-columns:repeat(2,1fr)}.stage-band{grid-template-columns:repeat(3,1fr)}.service-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{padding-bottom:58px}.shell{width:min(calc(100% - 32px),var(--shell))}.brand-bar-inner{font-size:12px}.brand-actions{gap:12px}.main-nav-inner{height:62px;grid-template-columns:minmax(90px,1fr) auto auto;gap:10px}.brand-logo{max-height:32px;max-width:120px}.desktop-primary{display:none}.mobile-current{display:block;color:#6B5E43;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-directory-label{display:none}.mobile-directory-label{display:inline}.context-nav-inner{overflow-x:auto;scrollbar-width:none}.page-hero,.home-hero{padding:34px 0 24px}.page-hero-grid,.home-hero-grid,.feature-layout,.grid-2,.grid-3,.matrix{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}.stage-band{grid-template-columns:repeat(2,1fr)}.compact-row{grid-template-columns:1fr}.hero-image{max-height:225px}.home-banner{max-height:250px}.feature-image{max-height:205px}.card-image,.info-card img,.service-card img,.feature-card img,.card img{max-height:175px}.compact-image,.compact-card img{max-height:145px}.app-visual-image,.app-visual img{max-height:175px}.app-icon-wrap{width:56px;height:56px;flex-basis:56px}.app-icon{width:50px!important;height:50px!important;max-width:56px!important;max-height:56px!important}.directory-panel{top:90px;max-height:calc(100vh - 90px)}.directory-grid{grid-template-columns:1fr}.search-layer{padding:0;place-items:stretch}.search-panel{width:100%;height:100%;border-radius:0;padding:22px 16px}.search-shortcuts{grid-template-columns:repeat(2,1fr)}.footer-links{grid-template-columns:repeat(2,1fr)}.mobile-bottom{position:fixed;z-index:60;left:0;right:0;bottom:0;min-height:52px;padding-bottom:env(safe-area-inset-bottom);background:#FFFBF3;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bottom a{min-height:52px;display:grid;place-items:center;font-size:13px}.mobile-bottom a.is-current{background:#F0C94A;color:#1C1608;font-weight:800}.site-footer{padding-bottom:88px}}