:root{--bg:#FFF6F4;--deep:#F8E8E4;--surface:#FFFFFF;--title:#3A1518;--text:#4A2428;--muted:#7A4E52;--aux:#A0787C;--brand:#E35D6A;--bright:#F08A92;--gold:#C9A227;--peach:#F3B4B0;--brown:#3A1518;--border:rgba(227,93,106,.18);--border-strong:rgba(227,93,106,.42);--shadow:0 12px 28px rgba(58,21,24,.08);--max:960px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.top-strip{position:fixed;z-index:80;top:0;left:0;right:0;height:20px;background:var(--brand);color:#fff;font-size:12px}.bar-inner{width:min(var(--max),calc(100% - 32px));margin:0 auto}.top-strip .bar-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#fff;padding:0 4px;font-size:12px}.site-head{position:fixed;z-index:79;top:20px;left:0;right:0;height:54px;background:#fffaf8;border-bottom:1px solid var(--border)}.head-row{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;min-height:44px;font-weight:800;color:var(--title)}.brand-image{display:inline-flex;align-items:center}.brand-image img{display:block;height:24px;width:auto;max-width:150px;object-fit:contain;object-position:center}.brand-link .brand-image:has(img)+.brand-fallback{display:none}.brand-fallback{font-size:16px}.head-actions{display:flex;align-items:center;gap:8px}.head-app,.menu-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px}.head-app{background:linear-gradient(135deg,#F08A92 0%,#E35D6A 52%,#C94A56 100%);color:#fff}.menu-button{border:1px solid var(--border-strong);background:#fff;color:var(--brown)}.petal-nav{position:fixed;z-index:78;top:74px;left:0;right:0;height:44px;background:#fffaf8;border-bottom:1px solid var(--border)}.petal-row{height:44px;display:flex;align-items:center;gap:10px}.petal{width:88px;height:22px;border:1px solid var(--brand);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--brown)}.petal.is-active{background:var(--brand);color:#fff}.site-main{padding:146px 16px 48px}.page{max-width:var(--max);margin:0 auto}.eyebrow{font-size:13px;color:var(--brand);font-weight:700;letter-spacing:.04em}.index-petals{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.index-petals a{min-width:88px;height:32px;padding:0 14px;border:1px solid var(--brand);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff}.page h1{margin:0 0 10px;font-size:24px;line-height:1.3;color:var(--title)}.page h2{margin:0 0 12px;font-size:20px;line-height:1.4;color:var(--title)}.page h3{margin:0 0 8px;font-size:16px;color:var(--title)}.lead{font-size:18px;line-height:1.65;color:var(--title);font-weight:700}.intro{max-width:780px}.section{margin:34px 0;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.section.flat{box-shadow:none}.section.soft{background:var(--deep)}.section > :last-child{margin-bottom:0}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{height:42px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.btn.primary{background:linear-gradient(135deg,#F08A92 0%,#E35D6A 52%,#C94A56 100%);color:#fff}.btn.secondary{background:#fff;border:1px solid var(--brand);color:var(--brand)}.btn:hover,.head-app:hover,.menu-button:hover,.petal:hover{filter:brightness(.98);transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(201,162,39,.55);outline-offset:2px}.media-slot{width:100%;height:168px;background:#fff4f2;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot.tall{height:176px}.media-slot.small{height:160px}.media-slot.banner{height:200px}.media-slot.vertical{height:320px;width:240px;max-width:100%}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.petal-cut{border-radius:42px 12px 42px 12px}.warm-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.warm-cols .entry{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px}.warm-cols .entry:first-child{background:var(--deep)}.petal-pages{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.petal-page{padding:20px;border-radius:34px 12px 34px 12px;background:#fff;border:1px solid var(--border)}.mini-list{display:grid;gap:10px;margin-top:14px}.mini-list a,.mini-list div{padding:12px 14px;border-radius:10px;background:#fff;border:1px solid var(--border)}.lesson-list{display:grid;gap:10px}.lesson-list article{padding:14px 16px;border-left:4px solid var(--brand);background:#fff;border-radius:0 10px 10px 0}.status-list{display:grid;gap:12px}.status-item{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:16px;border:1px solid var(--border);border-radius:12px;background:#fff}.status-tag{align-self:start;text-align:center;border-radius:999px;padding:6px 10px;background:var(--deep);color:var(--brand);font-weight:700}.steps{counter-reset:step;display:grid;gap:14px}.step{counter-increment:step;padding:18px 18px 18px 64px;position:relative;background:#fff;border:1px solid var(--border);border-radius:12px}.step:before{content:counter(step);position:absolute;left:18px;top:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-weight:800}.article-long{max-width:760px}.article-long p{margin:0 0 16px}.editor-note{padding:14px 16px;background:var(--deep);border-left:4px solid var(--gold);border-radius:0 10px 10px 0}.wrap-petal{overflow:auto}.wrap-petal .media-slot{float:left;margin:0 22px 14px 0}.wrap-petal:after{content:"";display:block;clear:both}.index-app .media-slot{float:left;margin:0 24px 16px 0}.index-app:after{content:"";display:block;clear:both}.app-icon{width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:8px 0}.app-icon img{width:48px;height:48px;object-fit:contain}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.link-grid a,.link-grid>div{display:block;padding:16px;background:#fff;border:1px solid var(--border);border-radius:12px}.legal section{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--border)}.faq-list details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:0 0 12px}.faq-list summary{font-weight:800;color:var(--title);cursor:pointer}.faq-list p{margin:10px 0 0}.site-footer{background:var(--brown);color:#F8E8E4;border-top:1px solid var(--brand);padding:34px 16px calc(34px + env(safe-area-inset-bottom));font-size:13px}.footer-inner{max-width:var(--max);margin:auto}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups h2{font-size:14px;color:#fff;margin:0 0 8px}.footer-groups a{display:block;color:#F8E8E4;padding:3px 0}.footer-note{margin-top:22px;color:#f5dedd}.copyright{color:#ddbfc0}.overlay{position:fixed;z-index:89;inset:0;background:rgba(58,21,24,.28);opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.flower-menu{position:fixed;z-index:90;left:0;right:0;bottom:0;max-height:240px;background:#fff9f7;border-top:1px solid var(--border-strong);box-shadow:0 -12px 30px rgba(58,21,24,.12);padding:14px 16px 18px;transform:translateY(110%);visibility:hidden;pointer-events:none;transition:.22s ease;overflow:auto}.flower-menu.open{transform:translateY(0);visibility:visible;pointer-events:auto}.menu-top,.search-top{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.menu-brand{display:flex;align-items:center;gap:10px}.close-button{min-height:44px;padding:0 14px;border:1px solid var(--brand);background:#fff;color:var(--brown);border-radius:10px}.menu-groups{max-width:var(--max);margin:10px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.menu-groups h2{font-size:13px;color:var(--brand);margin:0 0 6px}.menu-groups a{display:grid;grid-template-columns:70px 1fr;gap:8px;padding:5px 0}.menu-groups b{color:var(--title)}.menu-groups span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-panel{position:fixed;z-index:91;top:74px;left:0;right:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);opacity:0;transition:.2s}.search-panel.open{visibility:visible;pointer-events:auto;transform:none;opacity:1}.search-card{max-width:var(--max);margin:auto;background:#fff;border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:0 0 14px 14px;padding:18px}.search-card label{display:block;color:var(--muted);margin-top:12px}.search-card input{width:100%;height:44px;border:1px solid var(--border-strong);border-radius:10px;padding:0 12px;color:var(--title);background:#fff}.search-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-presets a{padding:8px 12px;border-radius:999px;background:var(--deep);color:var(--title)}.mobile-bottom{display:none}
@media (max-width:760px){.bar-inner{width:calc(100% - 32px)}.petal-nav{display:none}.site-main{padding-top:102px;padding-bottom:84px}.head-actions{gap:4px}.head-app,.menu-button{padding:0 10px;font-size:13px}.warm-cols,.petal-pages,.link-grid{grid-template-columns:1fr}.section{padding:18px;margin:24px 0}.footer-groups{grid-template-columns:repeat(2,1fr)}.flower-menu{max-height:70vh}.menu-groups{grid-template-columns:1fr 1fr}.menu-groups a{grid-template-columns:62px 1fr}.search-panel{top:0;bottom:0;background:var(--brand);color:#fff}.search-card{height:100%;max-width:none;border:0;border-radius:0;background:var(--brand);color:#fff;padding:24px 16px}.search-top{margin-top:8px}.search-top strong{color:#fff}.search-card label{color:#fff}.search-card input{background:#fff;color:var(--title)}.search-presets a{background:#fff;color:var(--title)}.mobile-bottom{position:fixed;z-index:77;left:0;right:0;bottom:0;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 var(--border);box-shadow:0 -6px 20px rgba(58,21,24,.07)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-bottom a.is-active{background:var(--brand);color:#fff}.site-footer{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.wrap-petal .media-slot,.index-app .media-slot{float:none;margin:0 0 16px 0;width:100%}.status-item{grid-template-columns:1fr}.media-slot.vertical{margin-left:auto;margin-right:auto}}
@media (max-width:420px){.menu-groups{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr 1fr}.page h1{font-size:23px}}