*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:#FFF7FA;color:#5C2A3E;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:5000;background:#4A1630;color:#fff;padding:10px 16px;border-radius:999px}.skip-link:focus{top:12px}.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}.eyebrow{margin:0 0 8px;color:#C43B6E;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:#4A1630;line-height:1.28;margin-top:0}h1{font-size:clamp(28px,3vw,34px);margin-bottom:18px}h2{font-size:clamp(22px,2.3vw,28px);margin-bottom:12px}h3{font-size:18px;margin-bottom:8px}p{margin-top:0}.site-main{margin-left:112px;padding:88px 24px 72px;min-height:70vh}.page-shell{width:min(1180px,100%);margin:0 auto}.page-intro{padding:28px 0 24px}.page-intro .lede{max-width:760px;color:#8A4A62;font-size:17px}.content-section{margin:28px 0;padding:28px;background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:20px;box-shadow:0 14px 34px rgba(196,59,110,.10)}.content-section.soft{background:#FFEAF2}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head p{margin:0;color:#8A4A62;max-width:680px}.prose{max-width:850px}.prose p:last-child{margin-bottom:0}.muted{color:#8A4A62}.fine{color:#B07A90;font-size:14px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;background:#FFE1EC;color:#4A1630;font-size:14px;font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;font-weight:800}.button{background:linear-gradient(135deg,#FF7AA8 0%,#E85A8B 55%,#C43B6E 100%);color:#fff;box-shadow:0 10px 22px rgba(196,59,110,.16)}.button-secondary{background:#fff;color:#C43B6E;border:1px solid rgba(232,90,139,.22)}a:hover,.rail-action:hover,.mobile-menu-button:hover,.overlay-close:hover{opacity:.86}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(232,90,139,.42);outline-offset:3px}.media-frame{overflow:hidden;border-radius:20px;background:#FFEAF2;border:1px solid rgba(232,90,139,.16)}.media-frame img,.hero-media img,.card-media img,.app-media img{display:block;width:100%;height:auto}.media-placeholder{width:100%;min-height:220px;background:linear-gradient(145deg,#FFF,#FFE1EC);border:1px dashed rgba(232,90,139,.28);position:relative}.media-placeholder:after{content:"糖心Vlog";position:absolute;inset:auto 16px 14px;color:#B07A90;font-size:13px;letter-spacing:.08em}.hero-media .media-placeholder{aspect-ratio:16/6;min-height:180px}.card-media .media-placeholder{aspect-ratio:4/3;min-height:150px}.app-media .media-placeholder{aspect-ratio:4/3;min-height:210px}.side-rail{position:fixed;inset:0 auto 0 0;width:88px;background:#FFEAF2;border-right:1px solid rgba(232,90,139,.16);z-index:120;display:flex;flex-direction:column;align-items:center;padding:14px 8px}.rail-brand{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:#fff;margin-bottom:10px;box-shadow:0 8px 20px rgba(196,59,110,.08)}.rail-brand img{width:42px;height:42px;object-fit:contain}.rail-icon-fallback{font-size:22px;font-weight:900;color:#C43B6E}.rail-nav{width:100%;display:flex;flex-direction:column;gap:4px}.rail-link,.rail-action{width:100%;min-height:66px;padding:7px 2px;border:0;background:transparent;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8A4A62;font-size:12px;cursor:pointer}.rail-dot{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#C43B6E;font-weight:900}.rail-link.is-current{background:#C43B6E;color:#fff}.rail-link.is-current .rail-dot{background:rgba(255,255,255,.18);color:#fff}.topbar{position:fixed;top:0;right:0;left:88px;height:56px;background:rgba(255,247,250,.96);border-bottom:1px solid rgba(232,90,139,.14);backdrop-filter:blur(12px);z-index:110;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px}.topbar-side{display:flex;align-items:center}.topbar-right{justify-content:flex-end}.topbar-brand{min-height:44px;display:flex;align-items:center;justify-content:center}.topbar-logo{display:block;max-height:36px;max-width:190px;width:auto;height:auto;object-fit:contain}.brand-text{font-weight:900;color:#C43B6E;letter-spacing:.03em}.app-link,.mobile-menu-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 14px;font-weight:800}.app-link{background:#fff;color:#C43B6E;border:1px solid rgba(232,90,139,.18)}.mobile-menu-button{display:none;border:0;background:#FFE1EC;color:#4A1630;cursor:pointer}.home-cover{padding-top:14px}.cover-card{background:#fff;border:1px solid rgba(232,90,139,.16);box-shadow:0 14px 34px rgba(196,59,110,.10);border-radius:22px;padding:clamp(24px,4vw,42px)}.cover-copy{max-width:790px}.cover-copy .intro-copy{font-size:17px;color:#8A4A62}.cover-links{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0 26px}.cover-links a{color:#C43B6E;font-weight:800;border-bottom:1px solid rgba(196,59,110,.28);padding-bottom:3px}.hero-media{overflow:hidden;border-radius:20px;background:#FFEAF2;max-height:360px}.hero-media img{width:100%;height:auto;max-height:360px;object-fit:cover}.polaroid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}.polaroid-card{background:#fff;padding:12px 12px 20px;border-radius:18px;box-shadow:0 14px 34px rgba(196,59,110,.10);border:1px solid rgba(232,90,139,.14);transform:rotate(var(--tilt,0deg))}.polaroid-card:nth-child(1){--tilt:-1.1deg}.polaroid-card:nth-child(2){--tilt:.8deg}.polaroid-card:nth-child(3){--tilt:-.5deg}.polaroid-card:nth-child(4){--tilt:1.3deg}.polaroid-card:nth-child(5){--tilt:-.8deg}.polaroid-card:nth-child(6){--tilt:.6deg}.polaroid-card h3{margin-top:14px}.polaroid-card p{color:#8A4A62;margin-bottom:0}.notebook-list{display:grid;gap:10px;margin-top:18px}.notebook-list article{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:16px 0;border-top:1px dashed rgba(232,90,139,.24)}.notebook-list article:first-child{border-top:0}.notebook-number{font-size:28px;line-height:1;color:#E85A8B;font-weight:900}.bookshelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.book-card{min-height:250px;border-radius:18px;background:linear-gradient(160deg,#fff 0%,#FFEAF2 100%);border:1px solid rgba(232,90,139,.16);padding:22px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 10px 0 0 rgba(232,90,139,.08)}.book-card span{color:#C43B6E;font-weight:900}.book-card p{margin-bottom:0;color:#8A4A62}.number-focus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.focus-card{background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:18px;padding:20px}.focus-num{font-size:44px;font-weight:950;line-height:1;color:#E85A8B;margin-bottom:16px}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.status-card{background:#FFEAF2;border-radius:18px;padding:20px;border:1px solid rgba(232,90,139,.14)}.status-card strong{color:#4A1630;display:block;margin-bottom:8px}.letter-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.letter-card{background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:18px;padding:24px;position:relative}.letter-card:before{content:"“";position:absolute;right:18px;top:4px;color:#FFE1EC;font-size:74px;line-height:1}.editor-label{display:inline-flex;background:#C43B6E;color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.app-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}.app-icon-row{display:flex;align-items:center;gap:12px;margin:14px 0}.app-icon-row img{width:48px;height:48px;object-fit:contain;border-radius:14px}.index-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.index-links a{min-height:40px;padding:7px 13px;border-radius:999px;background:#FFEAF2;color:#C43B6E;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card{background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:18px;padding:22px}.info-card p:last-child{margin-bottom:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.index-list{display:grid;gap:12px}.index-item{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:16px;background:#fff;border-radius:16px;border:1px solid rgba(232,90,139,.14)}.index-item b{color:#E85A8B;font-size:22px}.step-list{display:grid;gap:14px}.step-item{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px;background:#fff;border-radius:18px;border:1px solid rgba(232,90,139,.15)}.step-badge{width:40px;height:40px;border-radius:999px;background:#C43B6E;color:#fff;display:grid;place-items:center;font-weight:900}.long-story{max-width:820px;margin:0 auto}.long-story p:first-of-type:first-letter{float:left;font-size:44px;line-height:.9;color:#C43B6E;font-weight:900;padding-right:8px}.mood-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mood-card{min-height:180px;border-radius:18px;padding:18px;background:#FFEAF2;border:1px solid rgba(232,90,139,.14);display:flex;flex-direction:column;justify-content:space-between}.mood-card a{font-weight:800;color:#C43B6E}.shelf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.shelf-card{background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:18px;padding:18px;min-height:260px;box-shadow:inset 8px 0 0 rgba(232,90,139,.08)}.weekly-list{display:grid;gap:16px}.weekly-item{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:18px;padding:20px}.weekly-item .num{font-size:48px;color:#E85A8B;font-weight:950;line-height:1}.policy-list{display:grid;gap:16px}.policy-item{background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:18px;padding:22px}.policy-item h2{font-size:20px}.faq-list{display:grid;gap:14px}.faq-item{background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:18px;padding:20px}.faq-item h2{font-size:19px;margin-bottom:8px}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-card{background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:18px;padding:22px}.contact-card p:last-child{margin-bottom:0}.site-footer{margin-left:88px;background:#4A1630;color:#F8D6E4;padding:48px 24px calc(48px + env(safe-area-inset-bottom))}.footer-inner{width:min(1180px,100%);margin:0 auto}.footer-brand-block{margin-bottom:26px}.footer-logo-link{display:inline-flex;align-items:center;min-height:44px}.footer-logo{max-height:34px;max-width:190px;width:auto;height:auto;filter:brightness(0) invert(1);opacity:.95}.site-footer .brand-text{color:#fff}.footer-brand-name{font-weight:900;font-size:20px;margin:8px 0 0}.footer-brand-en{font-size:12px;letter-spacing:.14em;color:#F8D6E4;margin:2px 0 0}.footer-links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-links-grid h2{font-size:15px;color:#fff;margin-bottom:10px}.footer-links-grid a{display:block;min-height:36px;color:#F8D6E4;font-size:14px}.footer-note{margin:28px 0 8px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);max-width:920px}.footer-copy{margin:0;color:#F8D6E4;font-size:13px}.ui-backdrop{position:fixed;inset:0;background:rgba(74,22,48,.34);z-index:300;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.ui-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.overlay-panel{position:fixed;z-index:320;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s ease,visibility .18s ease}.overlay-panel.is-open{visibility:visible;pointer-events:auto;opacity:1}.directory-layer{inset:0;background:#FFF7FA;overflow-y:auto;padding:22px}.overlay-topline{width:min(1180px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.overlay-brand{display:flex;min-height:44px;align-items:center}.overlay-logo{max-height:34px;max-width:190px;width:auto}.overlay-close{min-width:64px;min-height:44px;border:1px solid rgba(232,90,139,.20);border-radius:999px;background:#fff;color:#C43B6E;font-weight:800;cursor:pointer}.directory-content{width:min(1180px,100%);margin:28px auto 50px}.directory-heading{max-width:720px;margin-bottom:26px}.directory-heading p:last-child{color:#8A4A62}.directory-groups{display:grid;gap:28px}.directory-group h3{font-size:16px;color:#C43B6E}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.directory-grid a{background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:18px;padding:18px;min-height:116px;display:block}.directory-grid strong{display:block;color:#4A1630;margin-bottom:6px}.directory-grid span{display:block;color:#8A4A62;font-size:14px}.search-layer{inset:0;display:grid;place-items:center;padding:18px}.search-card{width:min(620px,100%);max-height:calc(100vh - 36px);overflow-y:auto;background:#FFF7FA;border:1px solid rgba(232,90,139,.18);border-radius:22px;box-shadow:0 24px 60px rgba(74,22,48,.20);padding:24px}.search-card-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.search-field{display:block;margin:18px 0}.search-field input{width:100%;height:52px;border-radius:999px;border:1px solid rgba(232,90,139,.24);background:#fff;color:#4A1630;padding:0 18px}.search-field input::placeholder{color:#B07A90}.search-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.search-presets a{min-height:50px;display:flex;align-items:center;padding:10px 14px;border-radius:15px;background:#FFEAF2;color:#4A1630;font-weight:700}.search-tip{margin:16px 0 0;color:#8A4A62;font-size:14px}.overlay-open{overflow:hidden}.mobile-bottom-nav{display:none}
@media(max-width:980px){.polaroid-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bookshelf,.number-focus,.status-grid,.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-section{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{padding-bottom:calc(50px + env(safe-area-inset-bottom))}.side-rail{display:none}.topbar{left:0;padding:0 10px;grid-template-columns:minmax(70px,1fr) minmax(120px,1.3fr) minmax(70px,1fr)}.topbar-left{justify-content:flex-start}.topbar-right{justify-content:flex-end}.mobile-menu-button{display:inline-flex;padding:0 12px}.app-link{padding:0 12px}.topbar-logo{max-width:150px}.site-main{margin-left:0;padding:76px 16px 44px}.page-intro{padding-top:14px}.content-section{padding:20px;margin:20px 0}.site-footer{margin-left:0;padding:38px 16px calc(80px + env(safe-area-inset-bottom))}.footer-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.98);border-top:1px solid rgba(232,90,139,.14);z-index:150;display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bottom-nav a{min-width:0;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#8A4A62;font-size:11px}.mobile-bottom-nav a span{font-weight:900;font-size:15px;line-height:1}.mobile-bottom-nav a.is-current{color:#E85A8B}.overlay-panel{z-index:360}.ui-backdrop{z-index:350}.directory-layer{padding:16px}.directory-content{margin-top:18px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-grid a{min-height:120px;padding:14px}.search-layer{padding:14px}.search-card{padding:18px;border-radius:20px}.search-presets{grid-template-columns:1fr}.polaroid-grid,.bookshelf,.number-focus,.status-grid,.letter-grid,.card-grid,.two-col,.contact-grid,.shelf-grid{grid-template-columns:1fr}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notebook-list article,.weekly-item,.index-item,.step-item{grid-template-columns:48px 1fr}.hero-media .media-placeholder{min-height:150px}.section-head{align-items:flex-start;flex-direction:column}.app-section{gap:18px}}
@media(max-width:420px){.topbar{padding:0 8px}.mobile-menu-button,.app-link{font-size:13px;padding:0 9px}.topbar-logo{max-width:128px}.directory-grid{grid-template-columns:1fr 1fr}.directory-grid a{min-height:132px}.mood-grid{grid-template-columns:1fr}.footer-links-grid{grid-template-columns:1fr 1fr}.cover-card{padding:22px}.polaroid-card{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.overlay-panel,.ui-backdrop{transition:none}}
/* 条款、帮助与品牌说明页面 */
.wrap{width:min(1180px,100%);margin-left:auto;margin-right:auto}.page-head{padding:28px 0 8px}.page-head .lead{max-width:820px;color:#8A4A62;font-size:17px}.policy-stack{display:grid;gap:16px;margin-top:20px}.policy-card,.help-card,.notice-card,.quote-card{background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:20px;box-shadow:0 14px 34px rgba(196,59,110,.10);padding:24px}.policy-card h2,.help-card h2,.notice-card h2{font-size:21px}.policy-card p:last-child,.help-card p:last-child,.notice-card p:last-child{margin-bottom:0}.related-box{margin-top:24px;margin-bottom:28px;padding:24px;background:#FFEAF2;border:1px solid rgba(232,90,139,.16);border-radius:20px}.related-box h2{font-size:21px}.chip-links{display:flex;flex-wrap:wrap;gap:10px}.chip-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border-radius:999px;background:#fff;color:#C43B6E;border:1px solid rgba(232,90,139,.18);font-weight:800}.help-grid{width:min(1180px,100%);margin:20px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.help-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#FFE1EC;color:#C43B6E;font-weight:900;margin-bottom:12px}.faq-list{margin-top:20px}.faq-list details{background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:18px;padding:0 20px;box-shadow:0 10px 24px rgba(196,59,110,.06)}.faq-list summary{min-height:58px;display:flex;align-items:center;color:#4A1630;font-weight:850;cursor:pointer;list-style:none;padding:12px 30px 12px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";position:absolute;right:0;color:#C43B6E;font-size:22px}.faq-list details[open] summary:after{content:"－"}.faq-list details p{color:#5C2A3E;padding:0 0 18px;margin:0}.notice-card{width:min(1180px,100%);margin:20px auto}.about-flow{width:min(1180px,100%);margin:20px auto;display:grid;gap:16px}.about-flow article{display:grid;grid-template-columns:64px 1fr;gap:18px;background:#fff;border:1px solid rgba(232,90,139,.16);border-radius:20px;padding:24px}.about-no{font-size:30px;font-weight:950;color:#E85A8B;line-height:1}.about-flow p:last-child{margin-bottom:0}.quote-card{width:min(1180px,100%);margin:22px auto;background:#FFEAF2}.quote-card p{font-size:20px;color:#4A1630;margin-bottom:8px}.quote-card span{color:#8A4A62;font-size:14px}
@media(max-width:760px){.page-head{padding-top:14px}.help-grid{grid-template-columns:1fr}.policy-card,.help-card,.notice-card,.quote-card{padding:20px}.about-flow article{grid-template-columns:46px 1fr;padding:20px}.about-no{font-size:24px}.faq-list details{padding:0 16px}.related-box{padding:20px}}
.media-frame>.media-placeholder{aspect-ratio:16/9;min-height:180px}
