/* 模板：长卡片 · 香槟珊瑚 —— 长卡片布局（继承「长卡片」）+ 暖香槟奶油底、金线描边卡片、深咖啡色标题、珊瑚橙按钮，配色参考用户提供的截图。标题字号字距沿用默认。 */
body.tpl-cream{--m1:#f7dfa6;--m2:#e3b866;--m3:#b98a3e;--mink:#4a2512;--mmute:#8a7a66;--mline:rgba(200,160,90,.55);--cor1:#f59a78;--cor2:#e8694a;color:var(--mink);
  background:radial-gradient(640px 420px at 100% -6%,rgba(243,220,170,.55),transparent 68%),radial-gradient(520px 380px at -8% 52%,rgba(245,205,180,.28),transparent 70%),linear-gradient(180deg,#f8f2e7,#f3eadb 60%,#eee2cf);background-repeat:no-repeat;background-attachment:fixed;background-color:#f3eadb;min-height:100vh}
body.tpl-cream .topbar{--tb-name:#4a2512;--tb-sub:#9a8a74;--tb-accent:#e8694a;--tb-accent2:#f59a78;--tb-on-accent:#fff;background:rgba(248,242,231,.86);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(200,160,90,.35);box-shadow:0 6px 18px rgba(150,110,50,.1)}
body.tpl-cream .hero-carousel{box-shadow:0 0 0 1.5px var(--mline),0 16px 34px rgba(150,110,50,.22)}
body.tpl-cream .notice{background:linear-gradient(100deg,#fffaf0,#f8efdd);border:1.5px solid var(--mline);color:var(--mink);box-shadow:0 6px 16px rgba(150,110,50,.12)}
body.tpl-cream .notice-dot{background:linear-gradient(135deg,var(--cor1),var(--cor2));box-shadow:0 0 0 4px rgba(232,105,74,.16)}
body.tpl-cream .section-title h2{color:var(--mink)}
body.tpl-cream .section-title p{color:var(--mmute)}
body.tpl-cream .section-title .title-line{background:linear-gradient(90deg,rgba(200,160,90,0),rgba(200,160,90,.75))}
body.tpl-cream .section-title .title-line:last-child{background:linear-gradient(270deg,rgba(200,160,90,0),rgba(200,160,90,.75))}
body.tpl-cream .section-title .title-diamond{width:9px;height:9px;font-size:0;flex:none;transform:rotate(45deg);background:linear-gradient(135deg,var(--m1),var(--m3));box-shadow:0 0 0 3px rgba(227,184,102,.22)}
body.tpl-cream .platform-grid .platform-card{border:1.5px solid var(--mline);border-radius:18px!important;box-shadow:0 10px 22px rgba(150,110,50,.16),inset 0 1px 0 #fff;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 140' preserveAspectRatio='xMaxYMax slice'%3E%3Cg fill='none' stroke='%23d9b878' stroke-linecap='round'%3E%3Cpath d='M0 120C50 70 100 150 160 96S220 40 240 56' stroke-opacity='.32' stroke-width='1.2'/%3E%3Cpath d='M0 132C56 86 108 160 168 110S226 62 240 74' stroke-opacity='.2' stroke-width='1.1'/%3E%3Cpath d='M40 140C90 104 140 150 196 118' stroke-opacity='.14' stroke-width='1'/%3E%3C/g%3E%3Ccircle cx='206' cy='24' r='34' fill='%23f3dcaa' fill-opacity='.18'/%3E%3C/svg%3E") right bottom/cover no-repeat,linear-gradient(100deg,#ffffff,#fcf6ea 60%,#f8eddb)}
@media(hover:hover){body.tpl-cream .platform-grid .platform-card{transition:transform .22s,box-shadow .22s,border-color .22s}body.tpl-cream .platform-grid .platform-card:hover{transform:translateY(-3px);border-color:#d3a850;box-shadow:0 16px 30px rgba(150,110,50,.26),inset 0 1px 0 #fff}}
body.tpl-cream .platform-card .platform-logo{border:3px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--m1),var(--m3) 55%,var(--m2)) border-box!important;box-shadow:0 0 0 3px rgba(243,220,170,.4),0 8px 16px rgba(150,110,50,.3)!important}
body.tpl-cream .platform-card .platform-logo.is-text{background:linear-gradient(135deg,var(--cor1),var(--cor2)) padding-box,linear-gradient(135deg,var(--m1),var(--m3)) border-box!important;color:#fff}
body.tpl-cream .platform-card .platform-info h3{color:var(--mink);font-weight:900}
body.tpl-cream .platform-card .platform-info p{color:var(--mmute)}
body.tpl-cream .platform-card .visit-button{background:linear-gradient(180deg,var(--cor1),var(--cor2));color:#fff;font-weight:700;letter-spacing:1px;box-shadow:0 6px 12px rgba(232,105,74,.34),inset 0 1px 0 rgba(255,255,255,.4)}
body.tpl-cream .platform-card .platform-badge{background:linear-gradient(180deg,#fff8e6,#f8e6bd);color:#7a4a16;border:1px solid rgba(200,160,90,.7);font-weight:700;padding:1px 9px;box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(150,110,50,.12);text-shadow:none}
body.tpl-cream .empty-state,body.tpl-cream .demo-note{color:var(--mmute)}
body.tpl-cream .footer,body.tpl-cream .footer span{color:#a99a82}
body.tpl-cream .customer-float{background:linear-gradient(180deg,var(--cor1),var(--cor2));color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--mline),0 10px 22px rgba(232,105,74,.4)}
body.tpl-cream .mobile-nav{background:linear-gradient(180deg,rgba(255,251,242,.94),rgba(250,242,226,.94));-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-color:var(--mline);box-shadow:0 12px 28px rgba(150,110,50,.22)}
@media(max-width:640px){body.tpl-cream .mobile-nav{border:0;border-top:1.5px solid var(--mline);box-shadow:0 -6px 18px rgba(150,110,50,.12)}}
body.tpl-cream .mobile-nav .mobile-nav-item{color:#a99a82}
body.tpl-cream .mobile-nav .mobile-nav-item.active{color:#4a2512}
body.tpl-cream .mobile-nav .mobile-nav-item.active .nav-ico{background:linear-gradient(180deg,#fff,#f8e7c4);box-shadow:0 0 0 1.5px var(--mline),0 4px 8px rgba(150,110,50,.18)}
body.tpl-cream .mobile-nav .mobile-nav-item.active .nav-ico svg{fill:rgba(227,184,102,.35)}
body.tpl-cream .nav-dot{border-color:#fbf5ea}
body.tpl-cream .toast{background:#4a2512;color:#f7dfa6}
body.tpl-cream .cat-tabs{--ct-bg:#fbf3e4;--ct-line:var(--mline);--ct-fg:#8a7a66;--ct-on-bg:linear-gradient(180deg,#fbe7b4,#e8c070);--ct-on-fg:#4a2512;--ct-glow:#e3b86640}
body.tpl-cream .play-page,body.tpl-cream .user-page{--pc-card:#fffaf1;--pc-line:rgba(200,160,90,.45);--pc-text:#4a2512;--pc-muted:#8a7a66;--pc-accent:#e8694a;--pc-accent2:#f59a78;--pc-on:#fff;--pc-shadow:0 8px 20px rgba(150,110,50,.16);--pc-chip:#f8efdd;--pc-chip-on:rgba(232,105,74,.12);--pc-chip-on-fg:#c4492c;--pc-ph:linear-gradient(135deg,#f6e8cc,#ecd6a8)}
body.tpl-cream .empty-state{background:var(--pc-card);color:var(--pc-text)}body.tpl-cream .empty-state p{color:#8a7a66}
body.tpl-cream .user-chip-link{--pc-line:rgba(200,160,90,.5);--pc-chip:#f8efdd;--pc-text:#4a2512}
body.tpl-cream .svc-card{background:#fffaf1;color:#4a2512;border:1.5px solid var(--mline)}
body.tpl-cream .svc-head{background:linear-gradient(180deg,#f8eddb,#fffaf1);border-bottom-color:rgba(200,160,90,.3)}body.tpl-cream .svc-ht p,body.tpl-cream .svc-info small{color:#8a7a66}
body.tpl-cream .svc-hico{background:linear-gradient(180deg,var(--cor1),var(--cor2));color:#fff}
body.tpl-cream .svc-item,body.tpl-cream .svc-x{background:#fff;border-color:rgba(200,160,90,.4);color:#4a2512}body.tpl-cream .svc-logo{background:#f6e8cc}body.tpl-cream .svc-logo i{color:#b98a3e}
body.tpl-cream .svc-copy{background:rgba(232,105,74,.1);border-color:rgba(232,105,74,.5);color:#d45a3c}body.tpl-cream .svc-copy.ok{background:#2fbf71;border-color:#2fbf71;color:#fff}
