*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7efe5;color:#4a3220;font:15px/1.72 Arial,"Microsoft YaHei",sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:#8b5a2b;text-decoration:none}a:hover{text-decoration:underline}button,a{font:inherit}button{cursor:pointer}img{max-width:100%;display:block;object-fit:contain;object-position:center}.shell{width:min(960px,calc(100% - 32px));margin:auto}.notice{height:20px;background:#8b5a2b;color:#fff6ea;position:fixed;z-index:80;top:0;left:0;right:0}.notice-row{height:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.plain-button{border:0;background:transparent;color:#fff6ea;padding:0 4px}.mast{height:54px;background:#fff;border-bottom:1px solid rgba(196,132,60,.18);position:fixed;z-index:79;top:20px;left:0;right:0}.mast-row{height:54px;display:flex;align-items:center;justify-content:space-between}.brandmark{height:44px;display:flex;align-items:center;color:#3a2414;font-size:16px;font-weight:700}.brandmark img,.footer-brand img,.menu-logo img{height:24px;width:auto}.mast-actions{display:flex;gap:8px;align-items:center}.soft-action,.menu-action,.primary,.secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:999px;border:1px solid rgba(196,132,60,.35);font-size:14px;font-weight:700}.soft-action,.secondary{background:#fff;color:#5a3b22}.menu-action,.primary{border:0;color:#fff6ea;background:linear-gradient(135deg,#d9a05a 0%,#c4843c 55%,#8b5a2b 100%)}.menu-action:hover,.primary:hover{text-decoration:none;filter:brightness(.97)}.snapnav{height:44px;background:#fff6ea;position:fixed;z-index:75;top:74px;left:0;right:0;border-bottom:1px solid rgba(196,132,60,.18)}.snap-row{height:44px;display:flex;align-items:center;gap:22px}.snap{height:32px;display:flex;align-items:center;gap:8px;color:#6a492e;padding:0 10px;border-radius:999px}.snap i{width:18px;height:14px;border:1.5px solid #c4843c;border-radius:7px 2px 7px 2px;transform:rotate(-4deg)}.snap.is-current{background:#c4843c;color:#fff6ea}.snap.is-current i{border-color:#fff6ea;background:#fff6ea}.page-main{padding-top:142px;min-height:70vh}.home-flow>*{margin:0 0 28px}.home-intro{padding:42px 0 28px;border-bottom:1px solid rgba(196,132,60,.2)}.eyebrow,.tag,.inner-head span{display:inline-flex;padding:5px 10px;border-radius:999px;background:#ead7c0;color:#6b4425;font-size:13px;font-weight:700}.home-intro h1,.inner-head h1{font-size:24px;line-height:1.3;color:#3a2414;margin:16px 0 10px}.headline{font-size:18px;color:#7a5634;margin:0 0 10px}.home-intro>p:last-of-type{max-width:760px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.feature-band,.story-ribbon,.app-feature,.frame-cut,.process-top,.app-page,.memo-sheet{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:center;background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:18px;padding:22px;box-shadow:0 12px 28px rgba(58,36,20,.07)}.feature-copy h2,.story-ribbon h2,.app-copy h2{font-size:20px;margin:10px 0}.media-card{background:#fff6ea;border:1px solid rgba(196,132,60,.18);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px}.media-card:empty:before{content:"";display:block}.media-card.compact{width:240px;height:176px;margin-left:auto}.media-card.short{height:160px}.media-card.medium{height:220px}.media-card.app-card,.app-card{width:240px;height:320px}.media-card.banner-card{height:200px;width:100%}.daily-strip,.duo-block{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.daily-strip article,.duo-block article,.reading-note,.faq-preview,.brand-note,.note-panel{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:16px;padding:20px}.note-panel{background:#fff6ea}.daily-strip h2,.duo-block h2,.reading-note h2,.faq-preview h2,.brand-note h2{font-size:20px;margin:10px 0}.story-ribbon{grid-template-columns:300px 1fr}.path-list{display:grid;gap:12px}.path-list article{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:14px;padding:14px}.path-list h3{margin:4px 0 6px;font-size:16px}.path-list span{font-weight:700;color:#8b5a2b}.app-feature{grid-template-columns:280px 1fr;background:#ead7c0}.app-visual{display:flex;gap:10px;align-items:flex-end}.icon-card{width:64px;height:64px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(196,132,60,.18)}.icon-card img{width:48px;height:48px}.faq-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px}.faq-columns details,.faq-full details{background:#fff6ea;border:1px solid rgba(196,132,60,.18);border-radius:10px;padding:12px}.faq-columns summary,.faq-full summary{font-weight:700;color:#3a2414;cursor:pointer}.faq-columns p,.faq-full p{margin:10px 0 0}.inner-page{padding-bottom:36px}.inner-head{padding:28px 0 22px}.inner-head h1{margin-bottom:0}.article-body{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:16px;padding:22px;margin:18px 0}.article-body h2{font-size:20px;color:#3a2414;margin:26px 0 8px}.article-body h2:first-child{margin-top:0}.article-body p{margin:0 0 14px}.brief-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.brief-lead,.brief-side{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:16px;padding:20px}.brief-side{background:#ead7c0}.brief-side ol{padding-left:20px}.brief-side li{margin:0 0 18px}.brief-side span{display:block;color:#7a5634}.frame-cut{grid-template-columns:280px 1fr}.frame-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.frame-steps article{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:14px;padding:18px}.frame-steps b{font-size:26px;color:#c4843c}.card-stack{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.card-stack article{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:16px;padding:20px}.process-lane{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:16px;padding:20px}.process-top{box-shadow:none;border:0;padding:0;grid-template-columns:300px 1fr}.process-lane ol{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0;list-style:none;margin:20px 0 0}.process-lane li{background:#fff6ea;padding:12px;border-radius:10px}.pick-board{display:grid;grid-template-columns:320px 1fr;gap:18px}.pick-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pick-list article{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:14px;padding:16px}.pick-list b{color:#8b5a2b}.status-board{display:grid;gap:12px}.status-board>article,.status-board>.media-card{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:14px;padding:16px}.state{display:inline-block;padding:4px 9px;border-radius:999px;font-weight:700;font-size:12px}.state.done{background:#e9dcc6}.state.doing{background:#f4d49c}.state.check{background:#ead7c0}.state.wait{background:#f4ede5}.memo-sheet{grid-template-columns:300px 1fr}.memo-copy ul{padding-left:20px}.method-cards,.guide-blocks,.privacy-grid,.help-index,.contact-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.method-cards article,.guide-blocks article,.privacy-grid article,.help-index article,.contact-types article,.rule-sections article{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:14px;padding:18px}.method-cards span{font-size:12px;color:#8b5a2b;font-weight:700}.collection-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.collection-list article{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:14px;padding:18px}.collection-list span{color:#8b5a2b;font-weight:700}.index-center{text-align:center;background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:16px;padding:20px}.index-center .media-card{max-width:500px;margin:0 auto 14px}.index-map{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.index-map article{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:14px;padding:18px}.app-page{grid-template-columns:300px 1fr}.app-page-visual{display:flex;gap:10px;align-items:flex-end}.prep-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prep-list article{background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:14px;padding:18px}.prep-list b{color:#8b5a2b}.rule-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-blocks,.privacy-grid,.help-index,.contact-types{grid-template-columns:1fr 1fr}.faq-full{display:grid;gap:10px}.about-hero{display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:center;background:#fff;border:1px solid rgba(196,132,60,.18);border-radius:16px;padding:18px}.about-mark{height:160px;background:#fff6ea;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-mark img{max-height:150px}.footer{background:#8b5a2b;color:#fff6ea;padding:30px 0 72px;border-top:1px solid rgba(255,246,234,.35)}.footer a{color:#fff6ea;opacity:.9}.footer-head{display:flex;justify-content:space-between;gap:30px;padding-bottom:22px;border-bottom:1px solid rgba(255,246,234,.25)}.footer-head p{max-width:620px;margin:0}.footer-brand{display:flex;align-items:center;gap:10px;min-width:190px}.footer-brand span{display:block;font-size:12px;opacity:.75}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 0}.footer-groups h2{font-size:14px;margin:0 0 8px}.footer-groups a{display:block;font-size:13px;padding:4px 0}.footer-bottom{font-size:13px;padding-top:16px;border-top:1px solid rgba(255,246,234,.25)}.dim{position:fixed;inset:0;background:rgba(58,36,20,.34);z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.dim.open{opacity:1;visibility:visible;pointer-events:auto}.menu-sheet{position:fixed;left:0;right:0;bottom:0;z-index:100;max-height:220px;background:#fff6ea;border-top:1px solid rgba(196,132,60,.4);box-shadow:0 -18px 40px rgba(58,36,20,.18);transform:translateY(105%);visibility:hidden;pointer-events:none;transition:.25s;padding:14px 18px 18px;overflow:auto}.menu-sheet.open{transform:translateY(0);visibility:visible;pointer-events:auto}.menu-sheet-head{max-width:1100px;margin:0 auto 8px;display:flex;align-items:center;justify-content:space-between}.menu-logo{display:flex;align-items:center;gap:8px}.close-button{min-height:40px;border:1px solid rgba(196,132,60,.35);background:#fff;color:#5a3b22;border-radius:999px;padding:0 14px}.menu-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.1fr 1.1fr .8fr 1.2fr;gap:16px}.menu-grid h2{font-size:13px;margin:0 0 4px;color:#7a5634}.menu-grid a{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:3px 0;color:#4a3220}.menu-grid a span{font-size:12px;color:#7a5634;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-panel{position:fixed;left:0;right:0;top:74px;z-index:95;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.search-panel.open{visibility:visible;pointer-events:auto;opacity:1}.search-card{background:#fff;border:1px solid rgba(196,132,60,.25);border-radius:0 0 16px 16px;box-shadow:0 18px 36px rgba(58,36,20,.12);padding:18px}.search-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.search-title p{margin:3px 0 0;color:#7a5634}.search-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.search-links a{padding:8px 12px;background:#fff6ea;border-radius:999px}.mobilebar{display:none}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.snapnav{display:none}.page-main{padding-top:94px}.mast-actions{gap:4px}.soft-action,.menu-action{padding:0 12px;min-height:44px}.home-intro{padding-top:28px}.feature-band,.story-ribbon,.app-feature,.frame-cut,.process-top,.app-page,.memo-sheet{grid-template-columns:1fr}.media-card.compact{margin:0;width:100%}.daily-strip,.duo-block,.brief-grid,.card-stack,.pick-board,.collection-list,.index-map,.prep-list,.rule-sections,.guide-blocks,.privacy-grid,.help-index,.contact-types,.about-hero{grid-template-columns:1fr}.path-list article{grid-template-columns:1fr}.frame-steps{grid-template-columns:1fr}.process-lane ol{grid-template-columns:1fr}.pick-list{grid-template-columns:1fr}.method-cards{grid-template-columns:1fr}.faq-columns{grid-template-columns:1fr}.footer-head{display:block}.footer-brand{margin-bottom:14px}.footer-groups{grid-template-columns:1fr 1fr}.footer{padding-bottom:90px}.menu-sheet{max-height:68vh}.menu-grid{grid-template-columns:1fr 1fr}.menu-grid a{display:block;padding:6px 0}.menu-grid a span{display:block;white-space:normal}.search-panel{top:0;bottom:0;background:#8b5a2b;padding-top:40px}.search-card{height:100%;width:100%;border:0;border-radius:0;background:#8b5a2b;color:#fff6ea;box-shadow:none}.search-title p{color:#fff6ea}.search-links{display:grid;grid-template-columns:1fr 1fr}.search-links a{background:#fff6ea;color:#5a3b22;text-align:center;padding:12px}.mobilebar{position:fixed;z-index:85;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid rgba(196,132,60,.22);display:grid;grid-template-columns:repeat(4,1fr)}.mobilebar a{display:flex;align-items:center;justify-content:center;color:#5a3b22;font-size:13px}.mobilebar a.is-current{background:#c4843c;color:#fff6ea}.app-visual,.app-page-visual{justify-content:center}.media-card.app-card,.app-card{width:240px}.about-mark{height:140px}}@media(max-width:420px){.brandmark img{max-width:135px}.soft-action{display:none}.menu-grid{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr 1fr}.search-links{grid-template-columns:1fr}.app-visual,.app-page-visual{align-items:center;flex-direction:column}.icon-card{width:56px;height:56px}}