*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFF8F2;color:#3A3440;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:contain;object-position:center}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.3;color:#2A2430;margin-bottom:14px}h2{font-size:20px;line-height:1.45;color:#2A2430;margin-bottom:12px}h3{font-size:16px;line-height:1.45;color:#2A2430;margin-bottom:8px}.site-head{position:fixed;z-index:50;top:0;left:0;right:0;background:#FFFCF8}.rainbow-edge{height:3px;display:grid;grid-template-columns:repeat(5,1fr)}.rainbow-edge i:nth-child(1){background:#E07070}.rainbow-edge i:nth-child(2){background:#E0B050}.rainbow-edge i:nth-child(3){background:#70C090}.rainbow-edge i:nth-child(4){background:#70A8D8}.rainbow-edge i:nth-child(5){background:#A080D0}.rain-strip{height:20px;border-bottom:1px solid rgba(42,36,48,.08);font-size:12px}.top-inner,.brand-inner{max-width:960px;height:100%;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.text-button,.screen-button,.close-button{border:0;background:transparent;color:#2A2430;cursor:pointer;min-height:44px;padding:0 10px}.brand-bar{height:54px;border-bottom:1px solid rgba(224,176,80,.5)}.brand-home{display:flex;align-items:center;min-height:44px;font-size:16px}.brand-home img,.screen-brand img,.footer-brand img{height:24px;width:auto;max-width:160px}.brand-actions{display:flex;align-items:center;gap:8px}.plain-link{display:inline-flex;align-items:center;min-height:44px;padding:0 10px}.screen-button{border:1px solid rgba(224,176,80,.5);border-radius:12px;min-width:62px}.dot-nav{height:48px;display:flex;justify-content:center;gap:36px;border-bottom:1px solid rgba(42,36,48,.08);background:#FFFCF8}.dot-item{min-width:42px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;color:#6A6470}.dot-item .dot{width:10px;height:10px;border-radius:50%;transition:.2s}.dot-item.is-current{font-weight:700;color:#2A2430}.dot-item.is-current .dot{width:14px;height:14px}.dot-coral .dot{background:#E07070}.dot-gold .dot{background:#E0B050}.dot-mint .dot{background:#70C090}.dot-blue .dot{background:#70A8D8}.dot-violet .dot{background:#A080D0}.dot-sand .dot{background:#d5b58d}.site-main{max-width:960px;margin:0 auto;padding:154px 16px 72px}.section-block,.plain-panel,.page-hero,.reading-end,.method-note,.method-summary,.calendar-note,.legal-callout,.privacy-callout,.contact-note,.about-close,.centered-note,.product-copy,.help-shortcuts{margin:0 0 32px;background:#FFFCF8;border:1px solid rgba(42,36,48,.12);border-radius:16px;padding:28px;box-shadow:0 12px 28px rgba(42,36,48,.08)}.page-hero{padding:30px;background:#F8EEE4}.eyebrow,.section-kicker{font-size:13px;letter-spacing:.08em;color:#8A8490;margin-bottom:8px}.intro,.lead,.product-lead{font-size:16px;color:#6A6470;max-width:760px}.lead{font-size:18px;color:#2A2430;font-weight:700}.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 18px;border-radius:12px;font-size:14px;font-weight:700;margin-top:8px}.btn.primary{background:linear-gradient(135deg,#E07070 0%,#E0B050 52%,#70C090 100%);color:#2A2430}.btn.secondary{background:#FFFCF8;border:1px solid rgba(224,176,80,.5);color:#2A2430}.btn:hover,.btn:focus-visible,.text-link:hover,.text-link:focus-visible,.dot-item:focus-visible,.plain-link:focus-visible,.screen-button:focus-visible{filter:brightness(.98);outline:2px solid #70A8D8;outline-offset:2px}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#5d4d22}.home-dot-guide{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:22px;border-bottom:1px dashed rgba(42,36,48,.12)}.home-dot-guide a{display:flex;align-items:center;gap:7px;min-height:32px;font-size:13px}.home-dot-guide i{width:9px;height:9px;border-radius:50%}.home-dot-guide .c1{background:#E07070}.home-dot-guide .c2{background:#E0B050}.home-dot-guide .c3{background:#70C090}.home-dot-guide .c4{background:#70A8D8}.home-dot-guide .c5{background:#A080D0}.home-dot-guide .c6{background:#d5b58d}.color-band{display:flex;gap:18px;align-items:flex-start;padding:18px;border-left:5px solid;margin:12px 0;background:#fff}.color-band strong{min-width:56px}.band-a{border-color:#E07070}.band-b{border-color:#E0B050}.band-c{border-color:#70C090}.band-media,.wide-media,.ticket-media,.fan-media,.shelf-head-media,.center-media,.about-banner,.app-main-media,.app-icon-media,.media-slot{background:#FFFCF8;border:1px solid rgba(42,36,48,.08);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.band-media{height:160px;margin:16px 0}.wide-media{min-height:170px;max-height:240px;margin:18px 0}.wide-media img{max-height:230px}.ticket-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ticket-card,.ticket-large{position:relative;background:#fff;border:1px dashed rgba(224,176,80,.65);border-radius:16px;padding:22px}.ticket-card:before,.ticket-card:after,.ticket-large:before,.ticket-large:after{content:"";position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#FFF8F2;transform:translateY(-50%)}.ticket-card:before,.ticket-large:before{left:-10px}.ticket-card:after,.ticket-large:after{right:-10px}.ticket-media{height:190px;margin-bottom:18px}.ticket-media img{max-height:180px}.fan-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fan-card,.fan-sheet{background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 28px rgba(42,36,48,.08);transform-origin:50% 100%}.fan-card.first,.fan-sheet:nth-child(odd){transform:rotate(-.6deg)}.fan-card.second,.fan-sheet:nth-child(even){transform:rotate(.6deg)}.fan-media{height:180px;margin-bottom:16px}.shelf-head-media{height:180px;margin:14px 0 20px}.shelf-cards,.memo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shelf-cards article,.memo-grid article{padding:20px;background:#F8EEE4;border-radius:14px}.period-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.period-row article{padding:18px;border-top:4px solid #E0B050;background:#fff;border-radius:12px}.status-row{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.status-row span,.status-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:#F4E6D8;font-weight:700}.product-home{text-align:center}.app-visual,.product-visual{display:flex;flex-direction:column;align-items:center;gap:14px}.app-main-media{width:min(100%,320px);height:320px}.app-main-media img{max-height:310px}.app-icon-media{width:64px;height:64px}.app-icon-media img{width:48px;height:48px}.faq-mini-list details{padding:14px 0;border-bottom:1px solid rgba(42,36,48,.12)}.faq-mini-list summary{cursor:pointer;font-weight:700;color:#2A2430}.band-stack{display:grid;gap:18px;margin-bottom:32px}.scene-band{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:24px;background:#FFFCF8;border-radius:16px;border-left:7px solid}.scene-band>span{font-weight:800;font-size:16px}.scene-band.coral{border-color:#E07070}.scene-band.gold{border-color:#E0B050}.scene-band.mint{border-color:#70C090}.scene-band.blue{border-color:#70A8D8}.scene-band.violet{border-color:#A080D0}.scene-band .band-media{grid-column:1/-1;margin:0}.ticket-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.ticket-large{padding:28px}.ticket-mark{display:inline-block;margin-bottom:10px;color:#8A8490;font-size:13px}.note-section{padding:28px;background:#F4E6D8;border-radius:16px;margin-bottom:32px}.link-row{display:flex;flex-wrap:wrap;gap:10px}.fan-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.fan-sheet:first-child{grid-column:1/-1}.single-flow{position:relative;margin-bottom:32px}.single-flow article{padding:24px 24px 24px 64px;border-bottom:1px solid rgba(42,36,48,.12);position:relative}.step-no{position:absolute;left:0;top:24px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#F4E6D8;font-weight:800}.periods-page{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}.periods-page article{background:#FFFCF8;border-radius:16px;padding:24px;border-top:6px solid #E0B050}.period-label{display:inline-block;padding:5px 10px;border-radius:999px;background:#F4E6D8;margin-bottom:12px;font-weight:700}.status-list{display:grid;gap:16px;margin-bottom:32px}.status-list article{padding:24px 26px;background:#FFFCF8;border:1px solid rgba(42,36,48,.12);border-radius:14px}.status-pill.done{background:#dff1e6}.status-pill.making{background:#f7e7be}.status-pill.checking{background:#dfeaf5}.status-pill.pending{background:#eee4f7}.checklist-page{display:grid;gap:14px;margin-bottom:32px}.checklist-page article{padding:22px;background:#FFFCF8;border-radius:14px;border:1px solid rgba(42,36,48,.12)}.check-title{display:flex;gap:12px;align-items:center}.check-title span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dff1e6}.check-title h2{margin:0}.method-steps{counter-reset:m;display:grid;gap:18px;margin-bottom:32px}.method-steps article{display:grid;grid-template-columns:54px 1fr;column-gap:18px;padding:24px;background:#FFFCF8;border-radius:14px}.method-steps article span{grid-row:1/3;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#2A2430;color:#FFF8F2;font-weight:800}.method-steps h2,.method-steps p{grid-column:2}.topic-list{display:grid;gap:0;margin-bottom:32px;background:#FFFCF8;border-radius:16px;overflow:hidden}.topic-list article{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:24px;border-bottom:1px solid rgba(42,36,48,.12)}.topic-list article:last-child{border-bottom:0}.topic-dot{width:14px;height:14px;border-radius:50%;margin-top:8px}.topic-dot.coral{background:#E07070}.topic-dot.gold{background:#E0B050}.topic-dot.mint{background:#70C090}.topic-dot.blue{background:#70A8D8}.topic-dot.violet{background:#A080D0}.centered-intro,.product-page{text-align:center;max-width:760px;margin:0 auto 28px}.center-media{height:220px;margin:0 auto 28px}.center-media img{max-height:210px}.center-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.center-cards article{background:#FFFCF8;padding:24px;border-radius:16px;border:1px solid rgba(42,36,48,.12);text-align:center}.center-cards article:last-child{grid-column:1/-1}.center-cards a{display:inline-flex;min-height:44px;align-items:center;font-weight:700;color:#6b5720}.product-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.product-features article{padding:24px;background:#FFFCF8;border-radius:16px;border:1px solid rgba(42,36,48,.12)}.install-timeline{display:grid;gap:18px;margin-bottom:32px}.install-timeline article{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:start;padding:24px;background:#FFFCF8;border-radius:14px}.install-timeline article>span{display:grid;place-items:center;min-height:56px;background:#F4E6D8;border-radius:14px;font-weight:800}.install-timeline h2,.install-timeline p{grid-column:2}.legal-sections,.grade-blocks{display:grid;gap:18px;margin-bottom:32px}.legal-sections article,.grade-blocks article{padding:24px 26px;background:#FFFCF8;border-left:5px solid #E0B050;border-radius:14px}.grade-blocks article:nth-child(2){border-color:#70C090}.grade-blocks article:nth-child(3){border-color:#70A8D8}.grade-blocks article:nth-child(4){border-color:#A080D0}.grade-blocks article:nth-child(5){border-color:#E07070}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.help-columns article{padding:24px;background:#FFFCF8;border-radius:16px}.help-columns article:last-child{grid-column:1/-1}.help-shortcuts div{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.help-shortcuts a{display:inline-flex;min-height:44px;align-items:center;padding:0 14px;border-radius:12px;background:#F4E6D8}.faq-list{display:grid;gap:12px;margin-bottom:32px}.faq-list article{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px;background:#FFFCF8;border-radius:14px;border:1px solid rgba(42,36,48,.12)}.faq-list article>span{font-weight:800;color:#A080D0;font-size:18px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.contact-cards article{padding:24px;background:#FFFCF8;border-radius:14px;border-top:5px solid #E0B050}.about-banner{height:200px;margin-bottom:20px}.about-banner img{max-height:190px}.about-hero{margin-bottom:28px}.about-flow{display:grid;gap:18px;margin-bottom:32px}.about-flow article{padding:26px;background:#FFFCF8;border-radius:16px}.site-footer{position:relative;background:#2A2430;color:#FFF8F2;padding:36px 0 calc(36px + env(safe-area-inset-bottom))}.footer-edge{position:absolute;top:0;left:0;right:0}.footer-inner{max-width:960px;margin:0 auto;padding:0 16px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-brand span{display:block;color:#d9d2dc;font-size:12px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups h2{font-size:13px;color:#FFF8F2;margin-bottom:8px}.footer-groups a{display:block;font-size:13px;color:#e6dfe8;min-height:30px}.footer-note,.copyright{font-size:13px;color:#d8d1db}.footer-note{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.copyright{margin-bottom:0}.overlay,.screen-panel,.search-panel{visibility:hidden;pointer-events:none;opacity:0}.overlay{position:fixed;inset:0;z-index:80;background:rgba(42,36,48,.42);transition:opacity .2s}.overlay.is-open{visibility:visible;pointer-events:auto;opacity:1}.screen-panel{position:fixed;left:0;right:0;bottom:0;z-index:90;height:36vh;min-height:320px;background:#FFFCF8;border-radius:18px 18px 0 0;transform:translateY(100%);transition:transform .25s,opacity .2s;overflow:auto;padding:18px 24px 24px}.screen-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.screen-head{max-width:960px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between}.screen-brand{display:flex;align-items:center;gap:10px}.screen-groups{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:20px}.screen-groups h2{font-size:13px;color:#8A8490}.screen-groups a{display:flex;gap:8px;align-items:baseline;min-height:34px;font-size:13px}.screen-groups a span{color:#8A8490;font-size:12px}.search-panel{position:fixed;z-index:95;top:77px;left:0;right:0;transition:opacity .2s}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-card{max-width:960px;margin:0 auto;background:#FFFCF8;border:1px solid rgba(42,36,48,.12);border-radius:0 0 16px 16px;padding:22px;box-shadow:0 12px 28px rgba(42,36,48,.14)}.search-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.search-presets{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.search-presets a{display:inline-flex;min-height:42px;align-items:center;padding:0 14px;border-radius:999px;background:#F4E6D8}.lock-scroll{overflow:hidden}.mobile-nav{display:none}
@media(max-width:760px){body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.dot-nav{display:none}.site-main{padding-top:102px;padding-left:16px;padding-right:16px}.rain-strip .top-inner{padding:0 16px}.brand-inner{padding:0 12px}.brand-actions{gap:2px}.plain-link,.screen-button{padding:0 8px}.section-block,.plain-panel,.page-hero,.reading-end,.method-note,.method-summary,.calendar-note,.legal-callout,.privacy-callout,.contact-note,.about-close,.centered-note,.product-copy,.help-shortcuts{padding:22px;margin-bottom:22px}.ticket-pair,.fan-pair,.ticket-layout,.fan-layout,.periods-page,.center-cards,.product-features,.help-columns,.contact-cards,.shelf-cards,.memo-grid{grid-template-columns:1fr}.fan-sheet:first-child,.center-cards article:last-child,.help-columns article:last-child{grid-column:auto}.period-row{grid-template-columns:1fr}.scene-band{grid-template-columns:1fr}.scene-band>span{margin-bottom:-6px}.screen-panel{height:64vh;min-height:420px;padding:16px}.screen-groups{grid-template-columns:1fr 1fr}.screen-groups a{display:block;margin-bottom:8px}.screen-groups a span{display:block;line-height:1.4}.search-panel{inset:0;background:#2A2430;top:0}.search-card{min-height:100%;border:0;border-radius:0;background:#2A2430;color:#FFF8F2;padding:28px 18px}.search-head strong,.search-head .close-button{color:#FFF8F2}.search-presets a{background:#3a3341;color:#FFF8F2}.mobile-nav{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:#FFFCF8;border-top:1px solid rgba(42,36,48,.12);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-nav a{display:grid;place-items:center;font-size:13px;min-height:48px}.mobile-nav a.is-current{background:#E0B050;color:#2A2430;font-weight:800}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.footer-groups{grid-template-columns:1fr 1fr}.install-timeline article{grid-template-columns:70px 1fr}.faq-list article{grid-template-columns:34px 1fr}.method-steps article{grid-template-columns:44px 1fr;padding:20px}.method-steps article span{width:40px;height:40px}.about-banner{height:160px}.about-banner img{max-height:150px}}
@media(max-width:420px){.brand-home img{max-width:118px}.brand-home strong{font-size:15px}.plain-link{font-size:13px}.screen-button{min-width:56px}.home-dot-guide{gap:12px}.screen-groups{grid-template-columns:1fr 1fr;gap:14px}.footer-groups{grid-template-columns:1fr 1fr}.scene-band,.ticket-card,.ticket-large,.fan-card,.fan-sheet{padding:18px}.app-main-media{height:280px}.app-main-media img{max-height:270px}}