*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F6EDE0;color:#4A3220;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.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:contain;object-position:center}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.top-strip{position:fixed;inset:0 0 auto;z-index:80;height:20px;background:#8B5A2B;color:#FFF6EA;font-size:12px}.top-strip__inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-action{border:0;background:transparent;color:#FFF6EA;min-height:20px;padding:0 4px;cursor:pointer}.site-header{position:fixed;top:20px;left:0;right:0;z-index:79;height:54px;background:#fff;border-bottom:1px solid rgba(196,132,60,.18)}.site-header__inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-link{display:inline-flex;align-items:center;min-height:44px}.brand-logo,.footer-logo,.sheet-logo{height:24px;width:auto;max-width:180px}.brand-text{font-size:16px;font-weight:700;color:#3A2414}.header-actions{display:flex;align-items:center;gap:8px}.header-app,.menu-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0 14px;font-size:14px}.header-app{color:#fff;background:linear-gradient(135deg,#D9A05A 0%,#C4843C 55%,#8B5A2B 100%)}.menu-button{border:1px solid rgba(196,132,60,.46);background:#fff;color:#3A2414;cursor:pointer}.quick-nav{position:fixed;top:74px;left:0;right:0;z-index:78;height:44px;background:#FFF6EA;border-bottom:1px solid rgba(196,132,60,.18)}.quick-nav__inner{height:44px;display:flex;align-items:center;gap:14px}.knot-mark{width:18px;height:14px;border:2px solid #C4843C;border-radius:4px;transform:rotate(-4deg)}.quick-link{font-size:13px;min-height:36px;padding:6px 10px;display:inline-flex;align-items:center;border:1px solid rgba(196,132,60,.46);border-radius:8px;color:#3A2414}.quick-link.is-current{background:#C4843C;color:#FFF6EA;border-color:#C4843C}.site-main{padding-top:138px;min-height:65vh}.page{padding:28px 0 58px}.hero-intro{padding:26px 0 22px}.mini-index{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#7A5634;font-size:13px}.mini-index .mini-knot{width:18px;height:14px;border:2px solid #C4843C;border-radius:4px}.hero-intro h1,.page-head h1{font-size:24px;line-height:1.3;margin:0 0 12px;color:#3A2414}.lead{font-size:17px;color:#3A2414;font-weight:650;margin:0 0 12px}.hero-intro p,.page-head p{max-width:760px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{height:42px;min-width:116px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#D9A05A 0%,#C4843C 55%,#8B5A2B 100%);color:#FFF6EA}.btn-secondary{background:#fff;border-color:rgba(196,132,60,.46);color:#3A2414}.btn:hover,.header-app:hover,.quick-link:hover,.search-links a:hover{filter:brightness(.98);transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid rgba(196,132,60,.46);outline-offset:3px}.section-block{margin:18px 0;padding:22px;background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:10px;box-shadow:0 12px 28px rgba(58,36,20,.08)}.section-block.alt{background:#FFF6EA}.section-block h2{font-size:20px;line-height:1.4;color:#3A2414;margin:0 0 10px}.section-block h3{font-size:16px;color:#3A2414;margin:0 0 6px}.section-block p{margin:8px 0}.media-slot{display:flex;align-items:center;justify-content:center;background:#FFF6EA;border:1px solid rgba(196,132,60,.18);border-radius:10px;overflow:hidden}.media-slot.horizontal{width:100%;height:168px}.media-slot.small{height:160px}.media-slot.knot-cut{width:240px;height:176px;border-radius:34px 10px 34px 10px}.media-slot.app-vertical{width:240px;height:320px}.media-slot.banner{width:100%;height:200px}.media-slot img{width:100%;height:100%;object-fit:contain}.knot-cut-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center}.dual-wheat{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dual-wheat article{padding:18px;background:#FFF6EA;border:1px solid rgba(196,132,60,.18);border-radius:10px}.page-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-card{padding:18px;background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:10px}.story-flow{max-width:780px}.story-flow p{margin:12px 0}.steps{counter-reset:step;display:grid;gap:12px}.step-item{position:relative;padding:18px 18px 18px 58px;background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:10px}.step-item:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:17px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#C4843C;color:#FFF6EA;font-weight:700}.status-list{display:grid;gap:12px}.status-row{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 18px;background:#fff;border-left:4px solid #C4843C;border-radius:8px}.status-row strong{color:#3A2414}.note-list{display:grid;gap:12px}.note-item{padding:16px;background:#FFF6EA;border:1px solid rgba(196,132,60,.18);border-radius:10px}.album-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.album-item{padding:18px;background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:10px}.center-card{max-width:760px;margin:0 auto;text-align:center}.center-card .center-sections{text-align:left;display:grid;gap:14px;margin-top:18px}.app-wrap{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:start}.app-art{display:grid;justify-items:center;gap:12px}.app-icon{width:48px;height:48px}.terms{display:grid;gap:14px}.term-block{padding:18px;background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:10px}.faq-list{display:grid;gap:12px}.faq-item{padding:18px;background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:10px}.faq-item h2{font-size:16px;margin:0 0 8px}.faq-item p{margin:0}.home-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-faq article{padding:14px;background:#FFF6EA;border-radius:8px}.home-faq h3{margin:0 0 6px}.link-list{display:flex;flex-wrap:wrap;gap:10px}.link-list a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid rgba(196,132,60,.46);border-radius:8px;background:#fff}.site-footer{background:#8B5A2B;color:#FFF6EA;border-top:1px solid rgba(255,246,234,.5);padding:28px 0 80px;font-size:13px}.footer-brand__mark{display:flex;gap:12px;align-items:center}.footer-brand__mark div{display:grid}.footer-brand__mark span{opacity:.82;font-size:12px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px}.footer-grid section{display:grid;align-content:start;gap:7px}.footer-grid h2{font-size:13px;margin:0 0 4px;color:#fff}.footer-grid a{color:#FFF6EA;opacity:.92}.footer-note{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,246,234,.35)}.footer-note p{margin:4px 0}.overlay{position:fixed;inset:0;background:rgba(58,36,20,.38);z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.menu-sheet{position:fixed;left:0;right:0;bottom:0;z-index:110;max-height:220px;background:#fff;border-radius:14px 14px 0 0;box-shadow:0 -14px 34px rgba(58,36,20,.18);padding:18px max(16px,calc((100vw - 960px)/2));transform:translateY(105%);visibility:hidden;pointer-events:none;transition:.25s;overflow:auto}.menu-sheet.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.menu-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.menu-title{display:flex;align-items:center;gap:10px}.close-button{min-height:44px;padding:0 14px;border:1px solid rgba(196,132,60,.46);background:#fff;color:#3A2414;border-radius:8px;cursor:pointer}.menu-sheet__grid{display:grid;grid-template-columns:1.3fr 1.3fr .9fr 1.5fr;gap:18px}.menu-sheet__grid h2{font-size:13px;margin:0 0 6px;color:#7A5634}.menu-sheet__grid>div>a{display:block;padding:6px 0}.menu-sheet__grid a strong{display:block;font-size:13px;color:#3A2414}.menu-sheet__grid a span{display:block;font-size:12px;color:#7A5634;line-height:1.45}.search-panel{position:fixed;top:74px;left:50%;z-index:115;width:min(720px,calc(100% - 32px));transform:translate(-50%,-20px);background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:0 0 12px 12px;box-shadow:0 12px 28px rgba(58,36,20,.12);padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-panel.is-open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-panel p{margin:8px 0 12px;color:#7A5634}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid rgba(196,132,60,.46);border-radius:8px;background:#FFF6EA}.mobile-nav{display:none}.article-rule{height:1px;background:rgba(196,132,60,.18);margin:18px 0}.small-note{color:#7A5634;font-size:13px}.editor-note{padding:14px 16px;border-left:4px solid #C4843C;background:#FFF6EA;border-radius:8px}.about-cover{margin-bottom:18px}.compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compact-item{padding:16px;background:#FFF6EA;border-radius:10px}.contact-box{padding:18px;background:#FFF6EA;border-radius:10px;border:1px solid rgba(196,132,60,.18)}
@media (max-width:760px){.quick-nav{display:none}.site-main{padding-top:94px;padding-bottom:58px}.site-header__inner{gap:6px}.brand-logo{max-width:120px}.header-actions{gap:6px}.header-app,.menu-button{padding:0 10px;font-size:13px}.page{padding-top:18px}.section-block{padding:18px}.knot-cut-layout,.app-wrap{grid-template-columns:1fr}.media-slot.knot-cut,.media-slot.app-vertical{margin:0 auto}.dual-wheat,.page-cards,.album-list,.home-faq,.compact-grid{grid-template-columns:1fr}.menu-sheet{max-height:68vh}.menu-sheet__grid{grid-template-columns:1fr 1fr;gap:16px}.search-panel{top:0;left:0;transform:none;width:100%;height:100%;border-radius:0;background:#8B5A2B;color:#FFF6EA;padding:24px 16px;opacity:0}.search-panel.is-open{transform:none;opacity:1}.search-panel__head strong,.search-panel p{color:#FFF6EA}.search-panel .close-button{background:#FFF6EA}.search-links a{background:#FFF6EA;color:#3A2414}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:90;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid rgba(196,132,60,.18)}.mobile-nav a{display:grid;place-items:center;font-size:13px;min-height:48px}.mobile-nav a.is-current{background:#C4843C;color:#FFF6EA}.site-footer{padding-bottom:92px}.footer-grid{grid-template-columns:1fr 1fr}.status-row{grid-template-columns:1fr;gap:4px}}
@media (max-width:430px){.shell{width:calc(100% - 32px)}.top-strip__inner{font-size:11px}.menu-sheet__grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-intro{padding-top:20px}.page-head h1,.hero-intro h1{font-size:24px}}

.center-buttons{justify-content:center}