:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;--color-primary: oklch(.45 .2 260);--color-primary-foreground: oklch(.99 0 0);--color-secondary: oklch(.95 .02 100);--color-muted: oklch(.96 .01 250);--color-muted-foreground: oklch(.55 .02 250);--color-border: oklch(.9 .01 250);--color-background: oklch(.99 0 0);--color-card: var(--color-card);--color-shadow: oklch(0 0 0 / .08);--color-foreground: oklch(.15 .02 250);--color-foreground-secondary: oklch(.45 .02 250);--color-card-foreground: oklch(.15 .02 250);--shadow-sm: 0 1px 2px oklch(0 0 0 / .04);--shadow-md: 0 4px 8px oklch(0 0 0 / .06);--shadow-lg: 0 8px 16px oklch(0 0 0 / .08);--shadow-xl: 0 12px 24px oklch(0 0 0 / .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;color-scheme:light;color:var(--color-foreground);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark],.dark{color-scheme:dark;--color-primary: oklch(.7 .15 265);--color-primary-foreground: var(--color-primary-foreground);--color-secondary: oklch(.22 .02 250);--color-muted: oklch(.22 .015 255);--color-muted-foreground: oklch(.6 .015 255);--color-border: oklch(.28 .02 250);--color-background: oklch(.11 .01 250);--color-card: oklch(.16 .01 250 / .9);--color-shadow: oklch(0 0 0 / .4);--color-foreground: oklch(.92 .01 250);--color-foreground-secondary: oklch(.62 .02 250);--color-card-foreground: oklch(.92 .01 250)}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:#003483;color:oklch(.35 .18 260)}body{margin:0;min-width:320px;min-height:100vh;transition:background-color .3s ease,color .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes press{0%{transform:scale(1)}to{transform:scale(.97)}}.worksheet-page-root{min-height:100vh;padding:24px 16px;background:linear-gradient(180deg,var(--color-background) 0%,var(--color-background) 100%);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.site-header{width:100%;max-width:920px;box-sizing:border-box}.page-header{margin-bottom:10px;padding:12px 14px;border-radius:14px;background:#ffffffe0;box-shadow:0 8px 20px #0f172a24}.site-header-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.site-header-title{margin:8px 0 2px;font-size:20px;line-height:1.2;color:#0f172a}.site-header-desc{margin:0;color:#64748b;font-size:13px}.home-root{min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,oklch(.92 .04 260) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,oklch(.92 .04 320) 0%,transparent 60%),linear-gradient(180deg,#fcfcfc,#ecf3f8);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.home-card{max-width:920px;width:100%;padding:20px;border-radius:var(--radius-xl);background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 1px #0000000a,var(--shadow-xl);color:#050c13}.home-header{margin-bottom:24px;padding:8px 4px;text-align:center}.home-logo{width:80px;height:80px;margin:0 auto 12px;display:block;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.home-title-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.home-title{margin:0;font-size:clamp(28px,5vw,42px);font-weight:800;letter-spacing:-.02em;color:var(--color-card-foreground)}.home-title-sub{font-size:clamp(14px,2.5vw,18px);font-weight:500;color:var(--color-muted-foreground);padding:4px 12px;background:var(--color-secondary);border-radius:999px}.home-subtitle{margin:12px 0 0;font-size:clamp(14px,2.5vw,16px);color:var(--color-muted-foreground)}.home-meta-row{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.home-meta-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--color-secondary);color:var(--color-primary);font-size:13px;font-weight:600;border:1px solid oklch(.85 .02 260)}.home-nav{display:none}.app-nav{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 20px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:100;box-sizing:border-box;border-bottom:1px solid var(--color-border)}[data-theme=dark] .app-nav,.dark .app-nav{background:#1e1e1ee6}.app-nav-inner{width:100%;max-width:920px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.app-nav-logo-link{display:flex;flex-direction:row;align-items:center;gap:10px;text-decoration:none}.app-nav-logo img{width:32px;height:32px;border-radius:8px;transition:transform var(--transition-fast)}.app-nav-logo-link:hover .app-nav-logo img{transform:rotate(10deg) scale(1.1)}.app-nav-title{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.app-nav-links{display:flex;flex-direction:row;align-items:center;gap:4px}.app-nav-link{padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;color:var(--color-foreground-secondary);text-decoration:none;transition:all var(--transition-fast);position:relative}.app-nav-link:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%) scaleX(0);width:20px;height:3px;background:var(--color-primary);border-radius:2px;transition:transform var(--transition-fast)}.app-nav-link:hover{background:var(--color-muted);color:var(--color-foreground)}.app-nav-link.active{color:var(--color-primary);background:#1677ff1a}.app-nav-link.active:after{transform:translate(-50%) scaleX(1)}.app-nav-link.active:hover{background:#1677ff26}.app-nav-link.active:hover{background:#003483;background:oklch(.35 .18 260)}.app-nav-left,.app-nav-center,.app-nav-right{flex:1}.app-nav-center{text-align:center}.app-nav-right{text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:8px}.app-nav-back{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:none;background:transparent;border-radius:10px;font-size:14px;font-weight:600;color:var(--color-foreground);cursor:pointer;transition:all var(--transition-fast)}.app-nav-back:hover{background:var(--color-muted);transform:translate(-2px)}.app-nav-back:active{transform:translate(0) scale(.95)}.app-nav-tool-title{font-size:17px;font-weight:700;color:var(--color-foreground);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.app-nav-action{padding:10px 18px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--color-primary) 0%,oklch(.5 .22 260) 100%);color:var(--color-primary-foreground);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #1677ff40}.app-nav-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #1677ff59}.app-nav-action:active:not(:disabled){transform:translateY(0) scale(.98)}.app-nav-action:disabled{opacity:.5;cursor:not-allowed}.app-nav-action-placeholder{width:60px}.app-nav-theme{width:40px;height:40px;padding:0;border:none;border-radius:12px;background:var(--color-muted);color:var(--color-foreground);font-size:18px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.app-nav-theme:hover{background:var(--color-border);transform:translateY(-2px) rotate(15deg);box-shadow:0 4px 12px #00000026}.app-nav-theme:active{transform:translateY(0) rotate(0) scale(.95)}.home-recent{margin-bottom:28px}.home-recent-title{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.05em}.home-recent-grid{display:flex;flex-direction:column;gap:8px}.home-item.home-recent-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px 16px;text-align:left;gap:12px}.home-item.home-recent-item .home-item-icon{font-size:20px;flex-shrink:0}.home-item.home-recent-item .home-recent-info{flex:1;min-width:0}.home-item.home-recent-item .home-recent-name{font-size:15px;font-weight:700;color:var(--color-card-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-item.home-recent-item .home-recent-desc{font-size:13px;color:var(--color-muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.home-item{text-decoration:none;padding:16px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-card);color:var(--color-card-foreground);display:flex;flex-direction:column;gap:8px;min-height:120px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;animation:fadeInUp .4s ease-out backwards;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.home-item:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.home-item:hover:before{opacity:1}.home-item:nth-child(1){animation-delay:0ms}.home-item:nth-child(2){animation-delay:50ms}.home-item:nth-child(3){animation-delay:.1s}.home-item:nth-child(4){animation-delay:.15s}.home-item:nth-child(5){animation-delay:.2s}.home-item:nth-child(6){animation-delay:.25s}.home-item:nth-child(7){animation-delay:.3s}.home-item:nth-child(8){animation-delay:.35s}.home-item-top{display:flex;align-items:center;justify-content:space-between}.home-item-icon{font-size:20px}.home-item-tag{font-size:11px;font-weight:600;color:var(--color-muted-foreground);background:var(--color-secondary);border:1px solid oklch(.9 .02 250);border-radius:999px;padding:3px 10px}.home-item.worksheet{border-color:#4cb86a}.home-item.name-practice{border-color:#d6a54d}.home-item.xhs-cover{border-color:#e18fc6}.home-item.nine-grid{border-color:#2ac4cc}@media(hover:hover){.home-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary);background:var(--color-card)}.home-item:active{transform:translateY(-2px) scale(.98)}}@media(hover:none){.home-item:active{background:var(--color-secondary);transform:scale(.97)}}.home-item-title{font-size:clamp(18px,3vw,22px);font-weight:700;line-height:1.25;color:var(--color-card-foreground)}.home-item-desc{font-size:clamp(13px,2vw,14px);color:var(--color-muted-foreground);line-height:1.5;flex:1}.home-item-cta{font-size:14px;font-weight:600;color:var(--color-primary)}.page-toast{width:100%;max-width:920px;margin:0 0 10px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#16a34a1a,#16a34a26);border:1px solid rgba(22,163,74,.3);color:#166534;font-size:14px;font-weight:600;box-sizing:border-box;display:flex;align-items:center;gap:10px;animation:toastSlideIn .3s ease;box-shadow:0 4px 12px #16a34a33}.page-toast:before{content:"✓";display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#22c55e;color:#fff;border-radius:50%;font-size:14px;flex-shrink:0}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.home-root{padding:12px}.home-card{padding:16px;border-radius:var(--radius-lg)}.home-header{margin-bottom:20px}.home-title{font-size:26px}.home-subtitle{font-size:14px}.home-category-title{font-size:15px;font-weight:700;color:var(--color-muted-foreground);margin:28px 0 14px;padding-bottom:10px;border-bottom:2px solid var(--color-border);display:flex;align-items:center;gap:12px}.home-category-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--color-border) 0%,transparent 100%)}.home-category-grid{display:flex;flex-direction:column;gap:10px}.home-item{padding:14px 16px;min-height:auto;flex-direction:row;align-items:center;gap:14px}.home-item-top{flex-direction:row;align-items:center;gap:10px;min-width:auto}.home-item-icon{font-size:24px}.home-item-tag{font-size:11px;padding:3px 10px}.home-item-info{flex:1;min-width:0}.home-item-title{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--color-card-foreground)}.home-item-desc{font-size:13px;color:var(--color-muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-height:1.4}.subpage-root{padding-top:68px!important}.subpage-nav{min-height:52px}.subpage-nav-inner{min-height:52px;padding:6px 12px}.subpage-nav-title{font-size:16px}.subpage-nav-back{height:36px;padding:0 12px;font-size:14px}.subpage-nav-action{height:36px;padding:0 14px;font-size:14px}.site-header{width:100%;max-width:100%}.page-header{margin-bottom:12px;padding:12px 14px;border-radius:var(--radius-md);background:#ffffffeb}.site-header-title{font-size:18px}.site-header-desc{font-size:13px}.home-meta-chip{font-size:12px;padding:5px 10px}.home-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;color:var(--color-muted-foreground)}.home-about-link{display:inline-flex;align-items:center;padding:10px 20px;border-radius:999px;background:var(--color-secondary);color:var(--color-primary);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.home-about-link:active{transform:scale(.95)}.home-footer-info{display:flex;gap:8px;opacity:.7}}@media(min-width:601px){.home-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.home-category-title{font-size:14px;font-weight:700;color:var(--color-muted-foreground);margin:36px 0 18px;padding-bottom:10px;border-bottom:2px solid var(--color-border);display:flex;align-items:center;gap:12px}.home-category-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--color-border) 0%,transparent 100%)}.home-item{padding:20px;min-height:140px;flex-direction:column}.home-item-top{flex-direction:row;justify-content:space-between;margin-bottom:8px}.home-item-icon{font-size:22px}.home-item-title{font-size:18px}.home-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--color-border);display:flex;justify-content:center;align-items:center;gap:24px;font-size:13px;color:var(--color-muted-foreground)}.home-about-link{padding:10px 24px;font-size:14px}.home-about-link:hover{background:var(--color-primary);color:var(--color-primary-foreground)}.home-footer-info{display:flex;gap:8px}}.ws-link{font-size:14px;color:#1d4ed8}.worksheet-a4{width:794px;height:1123px;background:var(--color-background);box-shadow:0 18px 40px #0f172a66,0 0 0 1px #94a3b899;border-radius:8px;padding:32px 40px;box-sizing:border-box;color:#0f172a;aspect-ratio:210 / 297;container-type:inline-size}.worksheet-config-panel{width:100%;max-width:920px;margin-bottom:16px;padding:10px 14px;border-radius:999px;background:#ffffffe6;box-shadow:0 10px 25px #0f172a40,0 0 0 1px #94a3b866;display:flex;justify-content:space-between;align-items:center;gap:16px;box-sizing:border-box}.worksheet-header{border-bottom:1px solid #e5e7eb;padding-bottom:10px;margin-bottom:12px}.worksheet-title{margin:0 0 12px;font-size:22px;text-align:center;letter-spacing:.1em}.worksheet-meta-row{display:flex;justify-content:space-between;gap:24px;font-size:14px}.worksheet-field{display:flex;align-items:center;gap:6px;flex:1}.worksheet-input-line{border-bottom:1.5px solid #94a3b8;flex:1;height:20px}.worksheet-input-line.short{max-width:96px}.worksheet-input-line.medium{max-width:140px}.worksheet-config-row{margin-top:10px;padding-top:8px;border-top:1px dashed #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:16px}.worksheet-config-group{display:flex;flex-wrap:wrap;gap:12px}.worksheet-config-label{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#475569}.worksheet-config-input{width:72px;padding:2px 6px;border-radius:6px;border:1px solid #cbd5e1;font-size:13px;font-family:inherit}.worksheet-generate-btn{border-radius:999px;border:none;padding:4px 12px;font-size:13px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#f9fafb;box-shadow:0 8px 18px #2563eb66,0 0 0 1px #bfdbfee6}@media(max-width:600px){.worksheet-config-panel{flex-direction:column;align-items:stretch;border-radius:18px}.worksheet-config-group{width:100%}.worksheet-generate-btn{align-self:flex-end}}.worksheet-body{padding-top:8px}.worksheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:28px;font-size:22px}.worksheet-problem{display:flex;align-items:center;gap:2px}.ws-num{min-width:24px;text-align:center}.ws-op,.ws-eq{min-width:22px;text-align:center}.ws-answer-line{width:38px;height:38px;border:1.5px solid #94a3b8;border-radius:4px}@media(max-width:900px){.worksheet-a4{width:100%;height:auto;aspect-ratio:210 / 297;padding:24px 20px;transform-origin:top center}.worksheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:18px;font-size:18px}.ws-answer-line{width:32px;height:32px}}.name-practice-page-root{min-height:100vh;padding:24px 16px;background:radial-gradient(circle at top,#e5e7eb 0,#cbd5f5 40%,#94a3b8);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.name-practice-config-panel{width:100%;max-width:920px;margin-bottom:16px;padding:10px 14px;border-radius:999px;background:#ffffffe6;box-shadow:0 10px 25px #0f172a40,0 0 0 1px #94a3b866;display:flex;justify-content:space-between;align-items:center;gap:16px;box-sizing:border-box;overflow-x:auto}.name-practice-config-group{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.name-practice-input{width:120px;padding:4px 8px;border-radius:6px;border:1px solid #cbd5e1;font-size:14px;font-family:inherit}.name-practice-display-name{text-align:center;font-size:16px;color:#475569;margin-top:8px}.name-highlight{font-size:18px;font-weight:700;color:#1e40af}.name-practice-body{padding-top:16px;flex:1;display:flex;flex-direction:column;justify-content:flex-start;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.name-practice-empty{text-align:center;color:#94a3b8;padding:40px 20px;font-size:15px}.name-practice-grid{display:grid;grid-template-columns:repeat(var(--cols, 4),1fr);gap:8px;width:100%;max-width:100%;padding:8px 0;box-sizing:border-box}.tianzige-cell{position:relative;width:100%;aspect-ratio:1;border:1.5px solid #94a3b8;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--color-background);container-type:size}.tianzige-grid{position:absolute;inset:0;pointer-events:none}.tianzige-horizontal{position:absolute;left:0;right:0;top:50%;height:1px;background-image:url("data:image/svg+xml,%3Csvg width='6' height='1' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0.5' x2='3' y2='0.5' stroke='%23e2e8f0' stroke-width='1'/%3E%3C/svg%3E");background-repeat:repeat-x;transform:translateY(-50%)}.tianzige-vertical{position:absolute;top:0;bottom:0;left:50%;width:1px;background-image:url("data:image/svg+xml,%3Csvg width='1' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='0' x2='0.5' y2='3' stroke='%23e2e8f0' stroke-width='1'/%3E%3C/svg%3E");background-repeat:repeat-y;transform:translate(-50%)}.tianzige-char{position:relative;z-index:1;font-size:80cqw;font-weight:500;color:#cbd5e1;font-family:KaiTi,楷体,STKaiti,STKaiTi,serif;line-height:1;-webkit-user-select:none;user-select:none}@media(max-width:900px){.worksheet-a4{width:100%;max-width:100%;height:auto;aspect-ratio:210 / 297;padding:calc(32px*min(1,100vw / 794px)) calc(40px*min(1,100vw / 794px));transform-origin:top center;box-sizing:border-box;overflow-x:hidden}.name-practice-grid{gap:calc(8px*min(1,100vw / 794px));max-width:100%;box-sizing:border-box}.tianzige-char{font-size:80cqw}.name-practice-display-name{font-size:calc(16px*min(1,100vw / 794px))}.name-highlight{font-size:calc(18px*min(1,100vw / 794px))}.worksheet-header{padding-bottom:calc(10px*min(1,100vw / 794px));margin-bottom:calc(12px*min(1,100vw / 794px))}.worksheet-title{font-size:calc(22px*min(1,100vw / 794px));margin-bottom:calc(12px*min(1,100vw / 794px))}}@media(max-width:600px){.name-practice-page-root{padding:12px 8px}.name-practice-config-panel{flex-direction:column;align-items:stretch;border-radius:18px;padding:12px 16px;margin-bottom:12px}.name-practice-config-group{width:100%;flex-direction:column;align-items:stretch;gap:10px}.name-practice-config-group .worksheet-config-label{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px}.name-practice-input{width:100%;max-width:200px;padding:6px 10px;font-size:15px}.worksheet-config-input{width:100%;max-width:100px;padding:6px 10px;font-size:15px}.worksheet-a4{padding:calc(24px*min(1,100vw / 794px)) calc(20px*min(1,100vw / 794px))}.name-practice-grid{gap:calc(4px*min(1,100vw / 794px));padding:calc(4px*min(1,100vw / 794px)) 0;max-width:100%;box-sizing:border-box}.tianzige-cell{border-width:calc(1px*min(1,100vw / 794px));border-color:#94a3b8;min-height:calc(60px*min(1,100vw / 794px))}.tianzige-char{font-size:80cqw}.name-practice-empty{padding:30px 16px;font-size:14px}.worksheet-header{padding-bottom:8px;margin-bottom:10px}.worksheet-title{font-size:18px;margin-bottom:8px}.name-practice-display-name{font-size:13px;margin-top:6px}.name-highlight{font-size:15px}}.xhs-root{min-height:100vh;padding:20px 14px;background:radial-gradient(circle at top,#fce7f3 0,#dbeafe 42%,#bfdbfe);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.xhs-config-panel{width:100%;max-width:920px;margin-bottom:16px;padding:14px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e}.xhs-mobile-tip{font-size:12px;color:#64748b;margin-bottom:8px}.xhs-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.xhs-input{margin-top:4px;width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;box-sizing:border-box}.xhs-actions-row{margin-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.xhs-clear-btn{border-radius:999px;border:1px solid #fda4af;background:var(--color-background)1f2;color:#be123c;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer}.xhs-ideas{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.xhs-idea-chip{border-radius:999px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;padding:5px 12px;font-size:12px;cursor:pointer}.xhs-idea-chip:hover{background:#e2e8f0}.xhs-preview-wrap{width:100%;max-width:920px;display:flex;justify-content:center}.xhs-card{width:min(100%,432px);aspect-ratio:3 / 4;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 24px 50px #0f172a59;color:var(--color-background);padding:22px;box-sizing:border-box}.xhs-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.25),transparent 38%);pointer-events:none}.xhs-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;background:#ffffff38;border:1px solid rgba(255,255,255,.45);padding:5px 10px;border-radius:999px}.xhs-center{position:absolute;left:22px;right:22px;top:44%;transform:translateY(-50%)}.xhs-title{font-size:clamp(28px,6.2vw,54px);line-height:1.1;font-weight:900;margin-bottom:10px;text-shadow:0 6px 18px rgba(15,23,42,.35)}.xhs-subtitle{font-size:clamp(14px,2.5vw,22px);opacity:.95;font-weight:600;text-shadow:0 4px 12px rgba(15,23,42,.28)}.xhs-footer{position:absolute;left:22px;bottom:20px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.xhs-dot{width:10px;height:10px;border-radius:50%}@media(max-width:768px){.xhs-root{padding:12px 8px}.xhs-config-panel{padding:12px;border-radius:14px}.xhs-config-grid{grid-template-columns:1fr}.xhs-actions-row{position:sticky;top:0;z-index:2;background:#fffffff2;padding:6px 0}.xhs-ideas{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.xhs-idea-chip{white-space:nowrap;flex:0 0 auto}.xhs-card{width:min(100%,420px);border-radius:16px}}.nine-grid-root{min-height:100vh;padding:20px 14px;background:radial-gradient(circle at top,#e0e7ff 0,#dbeafe 42%,#bfdbfe);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.nine-grid-panel{width:100%;max-width:920px;display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:14px}.nine-grid-controls{padding:14px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;flex-direction:column;gap:10px}.nine-grid-preview-card{padding:14px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;flex-direction:column;align-items:center;gap:10px}.nine-grid-preview{position:relative;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:14px;box-shadow:inset 0 0 0 1px #94a3b880;background:#f8fafc}.nine-grid-cell{position:absolute;overflow:hidden;border-radius:8px}.nine-grid-image{position:absolute;max-width:none;pointer-events:none}.nine-grid-empty{width:100%;min-height:320px;border:1px dashed #94a3b8;border-radius:12px;display:grid;place-items:center;color:#64748b;font-size:14px}.nine-grid-tip{font-size:12px;color:#64748b}.nine-grid-color-input{height:38px;padding:4px}@media(max-width:860px){.nine-grid-panel{grid-template-columns:1fr}}.preview-page-root{min-height:100vh;padding:20px 14px;background:radial-gradient(circle at top,#dbeafe 0,#eff6ff 42%,#f8fafc);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.preview-page-panel{width:100%;max-width:920px}.preview-tip{margin:0 0 12px;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#ffffffeb;font-size:14px;font-weight:600;color:#334155}.preview-image-card{margin:0 0 14px;padding:10px;border-radius:14px;border:1px solid #e2e8f0;background:var(--color-background)}.preview-image-card.single{padding:0;overflow:hidden}.preview-image-title{margin:0 0 8px;font-size:14px;color:#64748b}.preview-image{display:block;width:100%;height:auto}.preview-empty{padding:28px 18px;border-radius:14px;border:1px dashed #94a3b8;color:#64748b;text-align:center;background:#ffffffd9}.handwriting-page-root{min-height:100vh;padding:24px 16px;background:radial-gradient(circle at top,#fef3c7 0,#fde68a 40%,#fcd34d);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.handwriting-config-panel{width:100%;max-width:920px;margin-bottom:16px;padding:12px 16px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;flex-direction:column;gap:12px}.handwriting-config-group{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.handwriting-config-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#475569}.handwriting-select{padding:6px 10px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px;font-family:inherit;background:var(--color-background);min-width:120px}.handwriting-range{width:100px;cursor:pointer}.handwriting-range-value{min-width:48px;font-size:13px;color:#64748b;font-weight:500}.handwriting-colors{display:flex;gap:6px}.handwriting-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.handwriting-color-btn:hover{transform:scale(1.1)}.handwriting-color-btn.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.handwriting-textarea{width:100%;max-width:920px;margin-bottom:16px;padding:12px 14px;border-radius:12px;border:1px solid #cbd5e1;font-size:15px;font-family:inherit;resize:vertical;min-height:100px;box-sizing:border-box;background:#fffffff2}.handwriting-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.handwriting-preview{width:100%;max-width:920px;min-height:200px;padding:40px 32px;border-radius:12px;background:var(--bg-color);box-shadow:0 4px 12px #00000014;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:#1e293b;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.handwriting-line{margin-bottom:calc(var(--line-height) * 1em - 1em);white-space:pre-wrap;word-break:break-word;text-align:center}.handwriting-placeholder{color:#94a3b8;text-align:center;padding:40px;font-family:system-ui,sans-serif;font-size:14px}.home-item.handwriting{border-color:#fde68a}@media(max-width:600px){.handwriting-page-root{padding:16px 12px}.handwriting-config-panel{padding:12px;border-radius:14px}.handwriting-config-group{flex-direction:column;align-items:stretch;gap:12px}.handwriting-config-label{width:100%;justify-content:space-between}.handwriting-select{width:100%;max-width:200px}.handwriting-range{flex:1}.handwriting-textarea{padding:10px 12px;font-size:14px}.handwriting-preview{padding:20px 16px}}.bg-pxover-page-root{min-height:100vh;padding:20px 14px;background:radial-gradient(circle at top,#e0f2fe 0,#bae6fd 42%,#7dd3fc);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.bg-pxover-upload-area{width:100%;max-width:920px;margin-top:16px}.bg-pxover-upload-card{padding:60px 20px;border-radius:20px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;flex-direction:column;align-items:center;gap:12px}.bg-pxover-upload-icon{font-size:48px}.bg-pxover-upload-text{font-size:18px;font-weight:700;color:#0f172a}.bg-pxover-upload-hint{font-size:14px;color:#64748b}.bg-pxover-upload-btn{margin-top:8px;padding:10px 24px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:var(--color-background);font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.bg-pxover-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #2563eb66}.bg-pxover-content{width:100%;max-width:920px;display:flex;flex-direction:column;gap:20px}.bg-pxover-preview-section{display:flex;flex-direction:column;gap:8px}.bg-pxover-preview-label{font-size:14px;font-weight:600;color:#334155}.bg-pxover-preview-card{padding:12px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;justify-content:center;align-items:center;min-height:200px}.bg-pxover-preview-image{max-width:100%;max-height:400px;width:auto;height:auto;border-radius:8px}.bg-pxover-canvas{max-width:100%;max-height:400px;border-radius:8px}.bg-pxover-reupload-btn{align-self:center;padding:8px 16px;border-radius:8px;border:1px solid #cbd5e1;background:var(--color-background);color:#475569;font-size:14px;font-weight:500;cursor:pointer}.bg-pxover-action-section{display:flex;justify-content:center}.bg-pxover-process-btn{padding:12px 32px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:var(--color-background);font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #2563eb66;transition:transform .15s ease}.bg-pxover-process-btn:hover{transform:translateY(-2px)}.bg-pxover-color-picker{padding:14px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;flex-direction:column;gap:10px}.bg-pxover-color-label{font-size:14px;font-weight:600;color:#334155}.bg-pxover-color-options{display:flex;gap:10px;flex-wrap:wrap}.bg-pxover-color-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:2px solid #e2e8f0;background:var(--color-background);color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.bg-pxover-color-btn.active{border-color:#3b82f6;background:#eff6ff;color:#1e40af}.bg-pxover-color-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.bg-pxover-color-swatch.white{background:var(--color-background)}.bg-pxover-color-swatch.blue{background:#3b82f6}.bg-pxover-color-swatch.red{background:#ef4444}.bg-pxover-loading{padding:40px;display:flex;flex-direction:column;align-items:center;gap:12px}.bg-pxover-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.bg-pxover-loading-text{font-size:15px;font-weight:600;color:#0f172a}.bg-pxover-loading-hint{font-size:13px;color:#64748b;text-align:center}.bg-pxover-progress{width:100%;max-width:920px;margin-bottom:12px;padding:10px 14px;border-radius:12px;background:#3b82f624;border:1px solid rgba(59,130,246,.35);color:#1e40af;font-size:14px;font-weight:600;box-sizing:border-box}.bg-pxover-progress-text{text-align:center}.home-item.bg-pxover{border-color:#bae6fd}.bg-pxover-preview-info{margin:0 0 14px;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#ffffffeb;font-size:14px;font-weight:600;color:#334155;text-align:center}.bg-pxover-color-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600}.bg-pxover-color-badge.white{background:var(--color-background);color:#475569;border:1px solid #e2e8f0}.bg-pxover-color-badge.blue{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.bg-pxover-color-badge.red{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}@media(max-width:600px){.bg-pxover-page-root{padding:12px 8px}.bg-pxover-upload-card{padding:40px 16px;border-radius:16px}.bg-pxover-preview-card{padding:8px;border-radius:12px;min-height:150px}.bg-pxover-color-options{flex-direction:column}.bg-pxover-color-btn{width:100%;justify-content:center}}.qrcode-page-root{min-height:100vh;padding:20px 14px;background:radial-gradient(circle at top,#e0e7ff 0,#dbeafe 42%,#bfdbfe);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.qrcode-config-panel{width:100%;max-width:920px;margin-bottom:16px;padding:14px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;flex-direction:column;gap:14px}.qrcode-input-group{display:flex;flex-direction:column;gap:6px}.qrcode-label{font-size:14px;font-weight:600;color:#334155}.qrcode-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;box-sizing:border-box;background:var(--color-background)}.qrcode-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.qrcode-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.qrcode-color-group{display:flex;flex-direction:column;gap:6px}.qrcode-color-row{display:flex;align-items:center;gap:10px}.qrcode-color-input{width:44px;height:38px;padding:2px;border-radius:8px;border:1px solid #cbd5e1;cursor:pointer;background:var(--color-background)}.qrcode-color-text{flex:1;padding:8px 10px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px;font-family:monospace;background:var(--color-background)}.qrcode-color-text:focus{outline:none;border-color:#3b82f6}.qrcode-size-group{display:flex;flex-direction:column;gap:8px}.qrcode-size-slider{width:100%;cursor:pointer;accent-color:#3b82f6}.qrcode-size-range{display:flex;justify-content:space-between;font-size:12px;color:#64748b}.qrcode-preview-section{width:100%;max-width:920px;display:flex;justify-content:center}.qrcode-preview-card{padding:20px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;justify-content:center;align-items:center;min-width:200px;min-height:200px}.qrcode-preview-image{border-radius:8px;box-shadow:0 4px 12px #0000001a}.qrcode-empty{padding:60px 40px;border-radius:16px;border:1px dashed #94a3b8;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;gap:12px}.qrcode-empty-icon{font-size:48px;opacity:.6}.qrcode-empty-text{font-size:15px;color:#64748b}.qrcode-loading{font-size:14px;color:#64748b;display:flex;align-items:center;gap:8px}.qrcode-loading:after{content:"";width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.qrcode-preview-info{margin:14px 0;padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#ffffffeb;font-size:14px;color:#334155;line-height:1.6}.home-item.qrcode{border-color:#c4b5fd}@media(max-width:600px){.qrcode-page-root{padding:12px 8px}.qrcode-config-panel{padding:12px;border-radius:14px;gap:12px}.qrcode-colors{grid-template-columns:1fr}.qrcode-preview-card{padding:16px;border-radius:14px}.qrcode-empty{padding:40px 20px}.qrcode-empty-icon{font-size:36px}.qrcode-empty-text{font-size:13px}}.textimage-root{min-height:100vh;padding:20px 14px;background:linear-gradient(180deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.textimage-preview-wrap{width:100%;max-width:920px;margin-bottom:16px;display:flex;justify-content:center}.textimage-card{width:100%;max-width:600px;min-height:300px;border-radius:16px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.textimage-card-content{text-align:center;width:100%}.textimage-title{margin:0 0 16px;font-size:32px;font-weight:700;line-height:1.3}.textimage-content{margin:0;font-size:18px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.textimage-config-panel{width:100%;max-width:920px;display:flex;flex-direction:column;gap:16px}.textimage-config-section{padding:14px;border-radius:14px;background:#ffffffeb;box-shadow:0 4px 12px #0f172a14}.textimage-config-title{margin:0 0 12px;font-size:15px;font-weight:700;color:#0f172a}.textimage-config-label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;color:#334155}.textimage-config-label:last-child{margin-bottom:0}.textimage-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:14px;background:var(--color-background);box-sizing:border-box}.textimage-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.textimage-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;background:var(--color-background);box-sizing:border-box}.textimage-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.textimage-bg-grid{display:flex;flex-wrap:wrap;gap:8px}.textimage-bg-chip{padding:8px 14px;border-radius:999px;border:2px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.textimage-bg-chip:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.textimage-bg-chip.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.textimage-font-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.textimage-font-chip{padding:10px 14px;border-radius:10px;border:2px solid #e2e8f0;background:var(--color-background);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.textimage-font-chip:hover{border-color:#cbd5e1;background:#f8fafc}.textimage-font-chip.active{border-color:#3b82f6;background:#eff6ff;color:#1e40af}.textimage-range{width:100%;cursor:pointer;accent-color:#3b82f6}.home-item.text-image{border-color:#c4b5fd}@media(max-width:600px){.textimage-root{padding:12px 8px}.textimage-card{min-height:200px}.textimage-title{font-size:24px}.textimage-content{font-size:15px}.textimage-config-section{padding:12px;border-radius:12px}.textimage-bg-grid{flex-direction:column}.textimage-bg-chip{width:100%;justify-content:center}.textimage-font-grid{grid-template-columns:repeat(2,1fr)}}.image-border-page-root{min-height:100vh;padding:20px 14px;background:radial-gradient(circle at top,#e0f2fe 0,#bae6fd 42%,#7dd3fc);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.image-border-upload-area{width:100%;max-width:920px;margin-top:16px}.image-border-upload-card{padding:60px 20px;border-radius:20px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;flex-direction:column;align-items:center;gap:12px}.image-border-upload-icon{font-size:48px}.image-border-upload-text{font-size:18px;font-weight:700;color:#0f172a}.image-border-upload-hint{font-size:14px;color:#64748b}.image-border-upload-btn{margin-top:8px;padding:10px 24px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:var(--color-background);font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.image-border-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #2563eb66}.image-border-content{width:100%;max-width:920px;display:flex;flex-direction:column;gap:20px}.image-border-preview-section{display:flex;flex-direction:column;gap:8px}.image-border-preview-card{padding:12px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;justify-content:center;align-items:center;min-height:200px}.image-border-preview-image{max-width:100%;max-height:60vh;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.image-border-preview-loading{padding:40px;color:#64748b;font-size:14px}.image-border-reupload-btn{align-self:center;padding:8px 16px;border-radius:8px;border:1px solid #cbd5e1;background:var(--color-background);color:#475569;font-size:14px;font-weight:500;cursor:pointer}.image-border-config-section{padding:14px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;flex-direction:column;gap:16px}.image-border-config-group{display:flex;flex-direction:column;gap:8px}.image-border-config-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#334155}.image-border-config-value{font-size:13px;font-weight:500;color:#64748b}.image-border-range{width:100%;cursor:pointer;accent-color:#3b82f6}.image-border-color-grid{display:flex;flex-wrap:wrap;gap:8px}.image-border-color-btn{width:36px;height:36px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.image-border-color-btn:hover{transform:scale(1.1)}.image-border-color-btn.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.image-border-color-custom{position:relative;width:36px;height:36px}.image-border-color-input{width:100%;height:100%;border:none;border-radius:8px;cursor:pointer;padding:0;background:transparent}.image-border-color-preview{position:absolute;inset:0;border-radius:8px;border:2px solid #3b82f6;pointer-events:none}.image-border-ratio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.image-border-ratio-btn{padding:10px 12px;border-radius:8px;border:2px solid #e2e8f0;background:var(--color-background);color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.image-border-ratio-btn:hover{border-color:#cbd5e1;background:#f8fafc}.image-border-ratio-btn.active{border-color:#3b82f6;background:#eff6ff;color:#1e40af}.image-border-preview-info{margin:0 0 14px;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#ffffffeb;font-size:14px;font-weight:600;color:#334155}.image-border-preview-row{display:flex;align-items:center;gap:8px;padding:4px 0}.image-border-preview-color{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.home-item.image-border{border-color:#bae6fd}@media(max-width:600px){.image-border-page-root{padding:12px 8px}.image-border-upload-card{padding:40px 16px;border-radius:16px}.image-border-preview-card{padding:8px;border-radius:12px;min-height:150px}.image-border-config-section{padding:12px;border-radius:14px;gap:14px}.image-border-ratio-grid{grid-template-columns:repeat(4,1fr);gap:6px}.image-border-ratio-btn{padding:8px 10px;font-size:13px}.image-border-color-grid{gap:6px}.image-border-color-btn{width:32px;height:32px}}.tictactoe-page-root{padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:16px}.tictactoe-mode-select{display:flex;gap:12px;margin-bottom:8px}.tictactoe-mode-btn{padding:8px 20px;border:2px solid #e2e8f0;border-radius:10px;background:var(--color-background);color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .16s ease}.tictactoe-mode-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-background)}.tictactoe-status{font-size:18px;font-weight:700;color:#0f172a;padding:12px 24px;border-radius:12px;background:var(--color-background)}.tictactoe-status.game-over{background:linear-gradient(135deg,#22c55e,#16a34a);color:var(--color-background)}.tictactoe-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px;border-radius:16px;background:#f8fafc;box-shadow:0 4px 16px #00000014}.tictactoe-row{display:flex;gap:8px}.tictactoe-square{width:72px;height:72px;border:none;border-radius:12px;background:var(--color-background);font-size:32px;font-weight:800;cursor:pointer;transition:all .12s ease;box-shadow:0 2px 8px #0000000f}.tictactoe-square:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.tictactoe-square.X{color:var(--color-primary);background:linear-gradient(135deg,#eff6ff,#dbeafe)}.tictactoe-square.O{color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.tictactoe-square:disabled{cursor:not-allowed;opacity:.9}.tictactoe-reset-btn{margin-top:8px;padding:12px 32px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),oklch(.35 .18 260));color:var(--color-background);font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #1677ff4d}.tictactoe-reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1677ff66}.tictactoe-rules{margin-top:16px;padding:16px;border-radius:12px;background:#f8fafc;max-width:300px}.tictactoe-rules p{margin:0 0 8px;font-size:14px;font-weight:600;color:#0f172a}.tictactoe-rules ul{margin:0;padding-left:20px;font-size:13px;color:#64748b;line-height:1.8}@media(max-width:480px){.tictactoe-square{width:60px;height:60px;font-size:26px}}.home-footer{margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:8px}.home-version{font-size:12px;font-weight:600;color:#94a3b8}.home-build-time{font-size:11px;color:#cbd5e1}.home-beian{margin-top:8px}.home-beian a{font-size:12px;color:#94a3b8;text-decoration:none}.home-beian a:hover{color:var(--color-primary)}.home-category{margin-bottom:24px}.home-category-title{margin:0 0 16px;font-size:13px;font-weight:700;color:var(--color-muted-foreground);padding-left:4px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:10px}.home-category-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--color-border) 0%,transparent 100%)}.home-category-grid{display:flex;flex-direction:column;gap:10px}@media(min-width:480px){.home-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}}@media(min-width:768px){.home-category-grid{grid-template-columns:repeat(4,1fr)}}.game2048-page-root{padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:16px}.game2048-score-row{display:flex;gap:16px;width:100%;max-width:340px}.game2048-score{flex:1;background:#bbada0;border-radius:8px;padding:8px 16px;display:flex;flex-direction:column;align-items:center}.game2048-score-label{font-size:11px;font-weight:600;color:#eee4da;text-transform:uppercase}.game2048-score-value{font-size:20px;font-weight:700;color:var(--color-background)}.game2048-board{background:#bbada0;border-radius:12px;padding:12px;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.game2048-grid{display:flex;flex-direction:column;gap:10px}.game2048-row{display:flex;gap:10px}.game2048-cell{width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;background:#eee4da59;color:#776e65;transition:all .1s ease}.game2048-cell.tile-2{background:#eee4da}.game2048-cell.tile-4{background:#ede0c8}.game2048-cell.tile-8{background:#f2b179;color:#f9f6f2}.game2048-cell.tile-16{background:#f59563;color:#f9f6f2}.game2048-cell.tile-32{background:#f67c5f;color:#f9f6f2}.game2048-cell.tile-64{background:#f65e3b;color:#f9f6f2}.game2048-cell.tile-128{background:#edcf72;color:#f9f6f2;font-size:20px}.game2048-cell.tile-256{background:#edcc61;color:#f9f6f2;font-size:20px}.game2048-cell.tile-512{background:#edc850;color:#f9f6f2;font-size:20px}.game2048-cell.tile-1024{background:#edc53f;color:#f9f6f2;font-size:16px}.game2048-cell.tile-2048{background:#edc22e;color:#f9f6f2;font-size:16px}.game2048-cell.tile-super{background:#3c3a32;color:#f9f6f2;font-size:16px}.game2048-hint{font-size:13px;color:#8f7a66;margin:0}.game2048-reset-btn{padding:12px 32px;border:none;border-radius:8px;background:#8f7a66;color:var(--color-background);font-size:15px;font-weight:600;cursor:pointer}.game2048-overlay{position:fixed;inset:0;background:#eee4dacc;display:flex;align-items:center;justify-content:center;z-index:100}.game2048-overlay-content{background:var(--color-background);border-radius:12px;padding:24px 32px;text-align:center;box-shadow:0 8px 32px #0003}.game2048-overlay-content h2{margin:0 0 12px;font-size:24px;color:#776e65}.game2048-overlay-content p{margin:0 0 16px;font-size:16px;color:#8f7a66}@media(max-width:400px){.game2048-cell{width:56px;height:56px;font-size:20px}}.whackamole-page-root{padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:20px}.whackamole-header{display:flex;gap:24px}.whackamole-score,.whackamole-time,.whackamole-best{display:flex;flex-direction:column;align-items:center;background:#4a5568;padding:12px 20px;border-radius:12px}.whackamole-label{font-size:12px;color:#a0aec0;text-transform:uppercase}.whackamole-value{font-size:24px;font-weight:700;color:var(--color-background)}.whackamole-value.time-warning{color:#fc8181;animation:time-pulse .5s ease-in-out infinite}@keyframes time-pulse{0%,to{opacity:1}50%{opacity:.5}}.whackamole-board{display:grid;grid-template-columns:repeat(3,90px);grid-template-rows:repeat(3,90px);gap:12px;background:#744210;padding:16px;border-radius:16px;box-shadow:inset 0 4px 12px #0000004d}.whackamole-hole{position:relative;background:#5c3d2e;border-radius:50%;border:none;cursor:pointer;overflow:hidden;box-shadow:inset 0 4px 8px #0006;transition:transform .1s}.whackamole-hole:active{transform:scale(.95)}.whackamole-mole{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:48px;transition:transform .15s ease-out;transform:translateY(100%)}.whackamole-hole.has-mole .whackamole-mole{transform:translateY(0)}.whackamole-start-btn{padding:16px 48px;font-size:18px;font-weight:700;color:var(--color-background);background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #48bb7866;transition:transform .2s,box-shadow .2s}.whackamole-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #48bb7880}.whackamole-result{text-align:center;background:var(--color-background);padding:24px 32px;border-radius:16px;box-shadow:0 8px 32px #0003}.whackamole-result h2{margin:0 0 12px;font-size:24px;color:#2d3748}.whackamole-result p{margin:0 0 20px;font-size:18px;color:#718096}.whackamole-hint{font-size:14px;color:#a0aec0;margin:0}@media(max-width:400px){.whackamole-board{grid-template-columns:repeat(3,72px);grid-template-rows:repeat(3,72px)}.whackamole-mole{font-size:36px}}.notfound-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.notfound-content{text-align:center;color:var(--color-background)}.notfound-emoji{font-size:80px;font-weight:800;margin-bottom:16px;text-shadow:0 4px 20px rgba(0,0,0,.2)}.notfound-content h1{margin:0 0 12px;font-size:28px}.notfound-content p{margin:0 0 24px;font-size:16px;opacity:.8}.notfound-btn{display:inline-block;padding:14px 36px;background:var(--color-background);color:#667eea;font-size:16px;font-weight:600;border-radius:12px;text-decoration:none;box-shadow:0 4px 16px #0003;transition:transform .2s,box-shadow .2s}.notfound-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.mathquiz-page-root{padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:20px}.mathquiz-card{background:var(--color-background);border-radius:16px;padding:20px;width:100%;max-width:340px;box-shadow:0 2px 12px #00000014}.mathquiz-card h2{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151}.mathquiz-grade-row,.mathquiz-count-row{display:flex;gap:12px;flex-wrap:wrap}.mathquiz-grade-btn,.mathquiz-count-btn{flex:1;min-width:80px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;background:var(--color-background);font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.mathquiz-grade-btn.active,.mathquiz-count-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-background)}.mathquiz-start-btn{width:100%;max-width:340px;padding:16px;border:none;border-radius:16px;background:linear-gradient(135deg,var(--color-primary),oklch(.35 .18 260));color:var(--color-background);font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #1677ff4d}.mathquiz-progress{display:flex;justify-content:space-between;width:100%;max-width:340px;font-size:14px;color:#6b7280}.mathquiz-question-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:20px;padding:32px 48px;box-shadow:0 4px 16px #0000001a}.mathquiz-question{display:flex;align-items:center;gap:12px;font-size:36px;font-weight:700}.mathquiz-num{color:var(--color-primary)}.mathquiz-op{color:#64748b}.mathquiz-answer-display{width:100px;height:56px;text-align:center;font-size:32px;font-weight:700;border:none;border-radius:12px;background:var(--color-background);color:#1f2937;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center}.mathquiz-submit-btn{width:100%;max-width:340px;padding:14px;border:none;border-radius:14px;background:#22c55e;color:var(--color-background);font-size:16px;font-weight:600;cursor:pointer}.mathquiz-hint{font-size:13px;color:#9ca3af;margin:0}.mathquiz-result-card{background:var(--color-background);border-radius:20px;padding:28px;width:100%;max-width:340px;text-align:center;box-shadow:0 4px 20px #0000001f}.mathquiz-result-card h2{margin:0 0 24px;font-size:22px;color:#1f2937}.mathquiz-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.mathquiz-stat{display:flex;flex-direction:column;align-items:center;padding:16px;background:#f8fafc;border-radius:12px}.mathquiz-stat-value{font-size:28px;font-weight:700;color:var(--color-primary)}.mathquiz-stat-label{font-size:13px;color:#6b7280;margin-top:4px}.mathquiz-badge{font-size:24px;margin-bottom:20px}.mathquiz-change-btn{padding:12px 24px;border:2px solid #e5e7eb;border-radius:12px;background:var(--color-background);font-size:14px;font-weight:600;color:#6b7280;cursor:pointer}@media(min-width:600px)and (max-width:1024px){.mathquiz-page-root{padding:32px 24px}.mathquiz-card,.mathquiz-start-btn,.mathquiz-progress,.mathquiz-submit-btn,.mathquiz-result-card{max-width:500px}.mathquiz-question-card{padding:48px 64px}.mathquiz-question{font-size:56px;gap:20px}.mathquiz-answer-display{width:140px;height:72px;font-size:48px}.mathquiz-keypad{max-width:420px;gap:12px}.mathquiz-key{padding:24px;font-size:32px}.mathquiz-stats{grid-template-columns:repeat(4,1fr)}.mathquiz-stat-value{font-size:36px}.mathquiz-badge{font-size:32px}}@media(max-width:400px){.mathquiz-question-card{padding:24px 32px}.mathquiz-question{font-size:28px;gap:8px}.mathquiz-answer-display{width:80px;height:48px;font-size:24px}}.mathquiz-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:320px;margin:16px auto;padding:0 16px}.mathquiz-key{padding:16px;font-size:24px;font-weight:600;border:none;border-radius:12px;background:var(--color-card);color:#050c13;cursor:pointer;box-shadow:0 2px 4px #0000000f;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.mathquiz-key:active{transform:scale(.95);box-shadow:0 1px 2px #0000000a}.mathquiz-key.submit{background:var(--color-primary);color:var(--color-primary-foreground)}.mathquiz-key.submit:active{background:#003483;background:oklch(.35 .18 260)}.about-page-root{min-height:100vh;padding:16px;background:radial-gradient(ellipse 80% 50% at 50% -20%,oklch(.92 .04 260) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,oklch(.92 .04 320) 0%,transparent 60%),linear-gradient(180deg,#fcfcfc,#ecf3f8)}.about-content{max-width:480px;margin:0 auto;padding:20px;text-align:center}.about-logo{margin-bottom:16px;animation:bounceIn .6s ease-out}.about-logo img{width:100px;height:100px}.about-title{margin:0 0 8px;font-size:32px;font-weight:800;color:var(--color-card-foreground);letter-spacing:-.02em}.about-subtitle{margin:0 0 32px;font-size:15px;color:var(--color-muted-foreground)}.about-section{margin-bottom:28px;text-align:left}.about-section h2{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--color-card-foreground)}.about-dev-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg)}.about-dev-avatar{font-size:48px;flex-shrink:0}.about-dev-info h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--color-card-foreground)}.about-dev-title{margin:0 0 8px;font-size:14px;color:var(--color-primary);font-weight:600}.about-dev-desc{margin:0;font-size:13px;color:var(--color-muted-foreground);line-height:1.5}.about-tags{display:flex;flex-wrap:wrap;gap:8px}.about-tags span{padding:6px 14px;background:var(--color-secondary);border-radius:999px;font-size:13px;font-weight:500;color:var(--color-primary)}.about-features{list-style:none;margin:0;padding:0}.about-features li{padding:8px 0;font-size:14px;color:#050c13;border-bottom:1px solid var(--color-border)}.about-features li:last-child{border-bottom:none}.about-contact{margin:0;font-size:14px;color:#050c13;line-height:1.6}.about-contact-hint{display:block;margin-top:8px;font-size:12px;color:var(--color-muted-foreground);font-style:italic}.about-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--color-border);text-align:center}.about-footer p{margin:4px 0;font-size:13px;color:var(--color-muted-foreground)}@media(min-width:601px){.about-content{padding:32px}.about-logo img{width:120px;height:120px}.about-title{font-size:40px}.about-dev-card{padding:24px}.about-dev-avatar{font-size:64px}}.bg-remover-upload-area{display:flex;justify-content:center;padding:40px 16px}.bg-remover-upload-card{background:var(--color-background);border-radius:20px;padding:48px 32px;text-align:center;box-shadow:0 4px 20px #00000014;max-width:340px;width:100%}.bg-remover-upload-icon{font-size:64px;margin-bottom:16px}.bg-remover-upload-text{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:8px}.bg-remover-upload-hint{font-size:14px;color:#6b7280;margin-bottom:24px}.bg-remover-upload-btn{display:inline-flex;padding:14px 32px;background:linear-gradient(135deg,var(--color-primary),oklch(.35 .18 260));color:var(--color-background);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s}.bg-remover-upload-btn:active{transform:scale(.96)}.bg-remover-content{padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:24px}.bg-remover-preview-section{width:100%;max-width:400px}.bg-remover-preview-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.bg-remover-preview-card{background:var(--color-background);border-radius:16px;padding:16px;box-shadow:0 2px 12px #00000014}.bg-remover-preview-image,.bg-remover-canvas{width:100%;height:auto;border-radius:8px}.bg-remover-reupload-btn{margin-top:12px;padding:10px 20px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer}.bg-remover-action-section{margin:16px 0}.bg-remover-process-btn{padding:16px 48px;background:linear-gradient(135deg,var(--color-primary),oklch(.35 .18 260));color:var(--color-background);border:none;border-radius:14px;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #1677ff4d}.bg-remover-color-picker{margin-top:20px}.bg-remover-color-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.bg-remover-color-options{display:flex;gap:12px}.bg-remover-color-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid #e5e7eb;border-radius:12px;background:var(--color-background);font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.bg-remover-color-btn.active{border-color:var(--color-primary);background:#eff6ff}.bg-remover-color-swatch{width:20px;height:20px;border-radius:50%;border:1px solid #e5e7eb}.bg-remover-color-swatch.white{background:var(--color-background)}.bg-remover-color-swatch.blue{background:#3b82f6}.bg-remover-color-swatch.red{background:#ef4444}.bg-remover-export-btn{margin-top:24px;padding:16px 40px;background:linear-gradient(135deg,#22c55e,#16a34a);color:var(--color-background);border:none;border-radius:14px;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #22c55e4d}.bg-remover-progress{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#000000bf;color:var(--color-background);padding:12px 24px;border-radius:10px;font-size:14px;z-index:100}.bg-remover-loading{display:flex;flex-direction:column;align-items:center;padding:48px;gap:16px}.bg-remover-loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bg-remover-loading-text{font-size:16px;font-weight:600;color:#374151}.bg-remover-loading-hint{font-size:13px;color:#9ca3af;text-align:center}@media(min-width:600px)and (max-width:1024px){.bg-remover-upload-card{padding:64px 48px;max-width:450px}.bg-remover-upload-icon{font-size:80px}.bg-remover-upload-text{font-size:26px}.bg-remover-preview-section,.bg-remover-preview-card{max-width:500px}.bg-remover-process-btn,.bg-remover-export-btn{padding:20px 56px;font-size:20px}.bg-remover-color-options{gap:16px}.bg-remover-color-btn{padding:16px;font-size:16px}}.huangli-root{padding:var(--spacing-4);max-width:420px;margin:0 auto}.huangli-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.huangli-nav-btn{width:44px;height:44px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:20px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #f59e0b4d;transition:transform .15s ease}.huangli-nav-btn:hover{transform:scale(1.05)}.huangli-nav-btn:active{transform:scale(.95)}.huangli-date-input{flex:1;height:44px;border:2px solid #e5e7eb;border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-foreground);font-size:16px;text-align:center;font-weight:500}.huangli-today-btn{padding:0 var(--spacing-4);height:44px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #8b5cf64d}.huangli-main{background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d);border-radius:var(--radius-xl);padding:var(--spacing-6) var(--spacing-4);margin-bottom:var(--spacing-4);text-align:center;box-shadow:0 4px 16px #f59e0b33;position:relative;overflow:hidden}.huangli-main:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);pointer-events:none}.huangli-solar{margin-bottom:var(--spacing-4);position:relative}.solar-day{display:block;font-size:64px;font-weight:800;color:#92400e;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.solar-month{font-size:16px;color:#a16207;font-weight:500;letter-spacing:2px}.huangli-lunar{background:#fff9;border-radius:var(--radius-lg);padding:var(--spacing-3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lunar-main{font-size:24px;font-weight:700;color:#b45309;margin-bottom:var(--spacing-1);letter-spacing:4px}.lunar-ganzhi{font-size:14px;color:#78350f;margin-bottom:var(--spacing-2);font-weight:500}.lunar-meta{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);font-size:13px;color:#92400e}.huangli-content{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.huangli-section{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:0 2px 8px #0000000a}.section-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:16px;font-weight:700;margin-bottom:var(--spacing-3)}.section-header.good{color:#16a34a}.section-header.bad{color:#dc2626}.section-header .icon{font-size:20px}.section-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tag{padding:6px 14px;border-radius:var(--radius-full);font-size:14px;font-weight:500}.tag.good{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.tag.bad{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.huangli-shichen{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4);box-shadow:0 2px 8px #0000000a}.section-title{font-size:15px;font-weight:600;color:var(--color-foreground);margin-bottom:var(--spacing-3);text-align:center}.shichen-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center}.shichen-item{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);background:#f3f4f6;font-size:13px}.shichen-item.good{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.shichen-item.bad{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.shichen-name{font-weight:600;color:var(--color-foreground)}.shichen-time{color:#9ca3af;font-size:11px}.shichen-status{font-weight:700;font-size:12px;margin-left:var(--spacing-1)}.shichen-item.good .shichen-status{color:#16a34a}.shichen-item.bad .shichen-status{color:#dc2626}.huangli-summary{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-xl);padding:var(--spacing-5);text-align:center;box-shadow:0 4px 16px #f59e0b33}.summary-title{font-size:15px;font-weight:700;color:#92400e;margin-bottom:var(--spacing-4)}.score-circle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fff7ed,#fed7aa);margin-bottom:var(--spacing-4);box-shadow:0 4px 12px #f59e0b4d;border:3px solid rgba(245,158,11,.3)}.score-num{font-size:28px;font-weight:800;color:#d97706}.score-label{font-size:10px;color:#92400e;font-weight:600}.summary-text{font-size:14px;color:#78350f;line-height:1.6;font-weight:500}@media(min-width:600px){.huangli-root{max-width:480px}.solar-day{font-size:80px}.shichen-grid{gap:var(--spacing-3)}.shichen-item{padding:var(--spacing-2) var(--spacing-4)}}.home-item.huangli{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #a855f7}.home-item.huangli .home-item-icon{font-size:32px}.home-item.huangli .home-item-tag{background:#a855f7;color:#fff}.tod-custom-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tod-custom-remove{width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:#fee2e2;color:#ef4444;font-size:16px;cursor:pointer}.tod-history-item{padding:var(--spacing-2);background:var(--color-muted);border-radius:var(--radius-md);font-size:13px;color:var(--color-foreground-secondary)}.tod-reset-btn{width:100%;padding:var(--spacing-2);border:none;border-radius:var(--radius-md);background:var(--color-muted);font-size:14px;cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-muted);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-muted-foreground);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-foreground-secondary)}button{font-family:inherit;-webkit-font-smoothing:antialiased}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1677ff26}::selection{background:var(--color-primary);color:var(--color-primary-foreground)}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 30%,var(--color-background) 70%)}.skeleton{background:linear-gradient(90deg,var(--color-muted) 25%,var(--color-secondary) 50%,var(--color-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-item-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);border-radius:var(--radius-md);font-size:24px;transition:transform var(--transition-fast)}.home-item:hover .home-item-icon{transform:scale(1.1)}.home-item-tag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-muted) 100%)}.home-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(180deg,transparent 0%,var(--color-card) 100%);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.home-item:hover:after{opacity:1}.home-item-desc{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-category{position:relative}.home-category:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:100px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 50%,transparent 100%)}.home-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--color-border);text-align:center}.home-about-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-secondary);border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--color-foreground);transition:all var(--transition-fast)}.home-about-link:hover{background:var(--color-muted);transform:translateY(-2px)}.home-footer-info{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--color-muted-foreground)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.home-item:hover .home-item-icon{animation:pulse .6s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color-muted-foreground)}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--color-foreground);margin-bottom:8px}.empty-state-desc{font-size:14px;color:var(--color-muted-foreground);max-width:300px}.divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 50%,transparent 100%);margin:24px 0}.divider-with-text{display:flex;align-items:center;gap:16px;margin:24px 0}.divider-with-text:before,.divider-with-text:after{content:"";flex:1;height:1px;background:var(--color-border)}.divider-with-text span{font-size:12px;color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.1em}.tabs{display:flex;gap:4px;padding:4px;background:var(--color-muted);border-radius:var(--radius-lg);margin-bottom:20px}.tab{flex:1;padding:10px 16px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-foreground-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--color-foreground)}.tab.active{background:var(--color-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.switch{position:relative;width:48px;height:28px;background:var(--color-muted);border-radius:14px;cursor:pointer;transition:background var(--transition-fast)}.switch.active{background:var(--color-primary)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform var(--transition-fast)}.switch.active:after{transform:translate(20px)}.progress{width:100%;height:8px;background:var(--color-muted);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,oklch(.5 .22 260) 100%);border-radius:4px;transition:width .3s ease}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.badge-primary{background:#1677ff1a;color:var(--color-primary)}.badge-success{background:#22c55e1a;color:#22c55e}.badge-warning{background:#f59e0b1a;color:#f59e0b}.badge-error{background:#ef44441a;color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:400px;max-height:90vh;background:var(--color-card);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0003;animation:modalSlideUp .3s ease;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:18px;font-weight:700;color:var(--color-foreground);margin:0}.modal-close{width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-muted-foreground);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-muted);color:var(--color-foreground)}.modal-body{padding:24px;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.modal-btn-primary{background:var(--color-primary);color:#fff}.modal-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1677ff4d}.modal-btn-secondary{background:var(--color-muted);color:var(--color-foreground)}.modal-btn-secondary:hover{background:var(--color-border)}.tool-container{width:100%;max-width:480px;margin:0 auto;padding:var(--spacing-4)}.tool-section{background:var(--color-card);border-radius:var(--radius-xl);padding:var(--spacing-4);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-sm)}.tool-section-title{font-size:14px;font-weight:700;color:var(--color-foreground);margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:8px}.tool-section-title:before{content:"";width:4px;height:16px;background:var(--color-primary);border-radius:2px}.avatar-name-row{display:flex;gap:var(--spacing-2);align-items:center}.avatar-name-row .avatar-input{flex:1}.avatar-random-btn{padding:var(--spacing-2);border:none;border-radius:var(--radius-md);background:var(--color-muted);font-size:18px;cursor:pointer;transition:transform var(--transition-fast)}.avatar-random-btn:hover{transform:scale(1.1)}:root{--adm-radius-s: 4px;--adm-radius-m: 8px;--adm-radius-l: 12px;--adm-font-size-1: 9px;--adm-font-size-2: 10px;--adm-font-size-3: 11px;--adm-font-size-4: 12px;--adm-font-size-5: 13px;--adm-font-size-6: 14px;--adm-font-size-7: 15px;--adm-font-size-8: 16px;--adm-font-size-9: 17px;--adm-font-size-10: 18px;--adm-color-primary: #1677ff;--adm-color-success: #00b578;--adm-color-warning: #ff8f1f;--adm-color-danger: #ff3141;--adm-color-yellow: #ff9f18;--adm-color-orange: #ff6430;--adm-color-wathet: #e7f1ff;--adm-color-text: #333333;--adm-color-text-secondary: #666666;--adm-color-weak: #999999;--adm-color-light: #cccccc;--adm-color-border: #eeeeee;--adm-color-background: #ffffff;--adm-color-highlight: var(--adm-color-danger);--adm-color-white: #ffffff;--adm-color-box: #f5f5f5;--adm-color-text-light-solid: var(--adm-color-white);--adm-color-text-dark-solid: #000000;--adm-color-fill-content: var(--adm-color-box);--adm-font-size-main: var(--adm-font-size-5);--adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color: var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary: #3086ff;--adm-color-success: #34b368;--adm-color-warning: #ffa930;--adm-color-danger: #ff4a58;--adm-color-yellow: #ffa930;--adm-color-orange: #e65a2b;--adm-color-wathet: #0d2543;--adm-color-text: #e6e6e6;--adm-color-text-secondary: #b3b3b3;--adm-color-weak: #808080;--adm-color-light: #4d4d4d;--adm-color-border: #2b2b2b;--adm-color-box: #0a0a0a;--adm-color-background: #1a1a1a;--adm-color-background-body: var(--adm-color-background);--adm-border-color: var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100vw;top:-100vh;-webkit-user-select:none;user-select:none;pointer-events:none}.adm-mask{--z-index: var(--adm-mask-z-index, 1000);position:fixed;top:0;left:0;z-index:var(--z-index);display:block;width:100%;height:100%}.adm-mask-aria-button{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.adm-mask-content{z-index:1}.adm-auto-center{display:flex;justify-content:center}.adm-auto-center-content{flex:0 1 auto}.adm-image{--width: var(--adm-image-width, auto);--height: var(--adm-image-height, auto);width:var(--width);height:var(--height);display:block;overflow:hidden}.adm-image-img{width:100%;height:100%}.adm-image-tip{position:relative;background-color:var(--adm-color-fill-content);height:100%;min-height:24px;min-width:24px}.adm-image-tip>svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--adm-color-weak)}.adm-button{--color: var(--adm-color-text-light-solid);--text-color: var(--adm-button-text-color, var(--adm-color-text));--background-color: var(--adm-button-background-color, var(--adm-color-background));--border-radius: var(--adm-button-border-radius, 4px);--border-width: var(--adm-button-border-width, 1px);--border-style: var(--adm-button-border-style, solid);--border-color: var(--adm-button-border-color, var(--adm-color-border));color:var(--text-color);background-color:var(--background-color);position:relative;display:inline-block;box-sizing:border-box;height:auto;padding:7px 12px;margin:0;font-size:var(--adm-font-size-9);line-height:1.4;text-align:center;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:opacity ease .15s;-webkit-user-select:none;user-select:none}.adm-button:focus{outline:none}.adm-button:before{position:absolute;top:0;left:0;transform:translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));width:100%;height:100%;background-color:var(--adm-color-text-dark-solid);border:var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);border-radius:var(--border-radius);opacity:0;content:" ";box-sizing:content-box}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color: transparent;--border-color: var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color: transparent;--border-width: 0px}.adm-button:not(.adm-button-default){--text-color: var(--adm-color-text-light-solid);--background-color: var(--color);--border-color: var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color: var(--color);--background-color: transparent}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color: var(--color);--background-color: transparent;--border-width: 0px}.adm-button-primary{--color: var(--adm-color-primary)}.adm-button-success{--color: var(--adm-color-success)}.adm-button-danger{--color: var(--adm-color-danger)}.adm-button-warning{--color: var(--adm-color-warning)}.adm-button-block{display:block;width:100%}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-main)}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-7)}.adm-button.adm-button-large{padding-top:11px;padding-bottom:11px;font-size:var(--adm-font-size-10)}.adm-button.adm-button-shape-rounded{--border-radius: 1000px}.adm-button.adm-button-shape-rectangular{--border-radius: 0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{display:flex;height:1.4em;align-items:center;justify-content:center}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.adm-spin-loading{--color: var(--adm-color-weak);--size: 32px;width:var(--size);height:var(--size)}.adm-spin-loading-svg{width:100%;height:100%;animation:adm-spin-loading-rotate .8s infinite linear}.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}@keyframes adm-spin-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adm-center-popup{--background-color: var(--adm-center-popup-background-color, var(--adm-color-background));--border-radius: var(--adm-center-popup-border-radius, 8px);--max-width: var(--adm-center-popup-max-width, 75vw);--min-width: var(--adm-center-popup-min-width, 280px);--z-index: var(--adm-center-popup-z-index, 1000);position:fixed;z-index:var(--z-index)}.adm-center-popup .adm-center-popup-mask{z-index:0}.adm-center-popup-wrap{position:fixed;z-index:1;top:50%;left:50%;width:auto;min-width:var(--min-width);max-width:var(--max-width);transform:translate(-50%,-50%)}.adm-center-popup-body{background-color:var(--background-color);border-radius:var(--border-radius)}.adm-center-popup-close{position:absolute;z-index:100;right:8px;top:8px;cursor:pointer;padding:4px;font-size:18px;color:var(--adm-color-weak)}.adm-dialog{--z-index: var(--adm-dialog-z-index, 1000);---z-index: var(--z-index)}.adm-dialog .adm-center-popup{--z-index: var(---z-index)}.adm-dialog-body{width:100%;max-height:70vh;font-size:var(--adm-font-size-6);overflow:hidden;display:flex;flex-direction:column}.adm-dialog-body>*{flex:none}.adm-dialog-body>.adm-dialog-content{flex:auto}.adm-dialog-body:not(.adm-dialog-with-image){padding-top:20px}.adm-dialog-image-container{margin-bottom:12px;max-height:40vh}.adm-dialog-header{margin-bottom:8px;padding:0 12px}.adm-dialog-title{margin-bottom:8px;padding:0 12px;font-weight:700;font-size:var(--adm-font-size-10);line-height:25px;text-align:center}.adm-dialog-content{padding:0 12px 20px;max-height:70vh;overflow-x:hidden;overflow-y:auto;font-size:var(--adm-font-size-7);line-height:1.4;color:var(--adm-color-text)}.adm-dialog-content-empty{padding:0;height:12px}.adm-dialog-footer{-webkit-user-select:none;user-select:none}.adm-dialog-footer .adm-dialog-action-row{display:flex;align-items:stretch;border-top:.5px solid var(--adm-color-border)}.adm-dialog-footer .adm-dialog-action-row>*{flex:1}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button{padding:10px;font-size:var(--adm-font-size-10);line-height:25px;border-radius:0;border-right:solid .5px var(--adm-color-border)}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button-bold{font-weight:700}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button:last-child{border-right:none}.adm-dialog-image-container{overflow-y:auto}.adm-grid{--gap: 0;--gap-horizontal: var(--gap);--gap-vertical: var(--gap);display:grid;grid-gap:10px;-webkit-column-gap:var(--gap-horizontal);column-gap:var(--gap-horizontal);row-gap:var(--gap-vertical);grid-template-columns:repeat(var(--columns),minmax(0,1fr));align-items:stretch}.adm-grid-item{grid-column-end:span var(--item-span)}.adm-space-item{flex:none}.adm-space{display:inline-flex;--gap: 8px;--gap-vertical: var(--gap);--gap-horizontal: var(--gap)}.adm-space-vertical{flex-direction:column}.adm-space-vertical>.adm-space-item{margin-bottom:var(--gap-vertical)}.adm-space-vertical>.adm-space-item:last-child{margin-bottom:0}.adm-space-horizontal{flex-direction:row}.adm-space-horizontal>.adm-space-item{margin-right:var(--gap-horizontal)}.adm-space-horizontal>.adm-space-item:last-child{margin-right:0}.adm-space-horizontal.adm-space-wrap{flex-wrap:wrap;margin-bottom:calc(var(--gap-vertical) * -1)}.adm-space-horizontal.adm-space-wrap>.adm-space-item{padding-bottom:var(--gap-vertical)}.adm-space.adm-space-block{display:flex}.adm-space-align-center{align-items:center}.adm-space-align-start{align-items:flex-start}.adm-space-align-end{align-items:flex-end}.adm-space-align-baseline{align-items:baseline}.adm-space-justify-center{justify-content:center}.adm-space-justify-start{justify-content:flex-start}.adm-space-justify-end{justify-content:flex-end}.adm-space-justify-between{justify-content:space-between}.adm-space-justify-around{justify-content:space-around}.adm-space-justify-evenly{justify-content:space-evenly}.adm-space-justify-stretch{justify-content:stretch}.adm-input{--font-size: var(--adm-font-size-9);--color: var(--adm-color-text);--placeholder-color: var(--adm-color-light);--text-align: left;--background-color: transparent;display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:100%;max-height:100%;min-height:24px;background-color:var(--background-color)}.adm-input-disabled{opacity:.4;cursor:not-allowed}.adm-input-element{flex:auto;display:inline-block;box-sizing:border-box;width:100%;max-width:100%;max-height:100%;padding:0;margin:0;color:var(--color);font-size:var(--font-size);line-height:1.5;background:transparent;border:0;outline:none;-webkit-appearance:none;appearance:none;min-height:1.5em;text-align:var(--text-align)}.adm-input-element::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element::placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element:-webkit-autofill{background-color:transparent}.adm-input-element:read-only{cursor:default}.adm-input-element:invalid{box-shadow:none}.adm-input-element::-ms-clear{display:none}.adm-input-element::-ms-reveal{display:none}.adm-input-element::-webkit-search-cancel-button{display:none}.adm-input-element::-webkit-search-decoration{display:none}.adm-input-element:disabled{opacity:1}.adm-input-element[type=date],.adm-input-element[type=time],.adm-input-element[type=datetime-local]{min-height:1.5em}.adm-input-element[type=search]{-webkit-appearance:none}.adm-input-element[readonly]{pointer-events:none}.adm-input-clear{flex:none;margin-left:8px;color:var(--adm-color-light);padding:4px;cursor:pointer}.adm-input-clear:active{color:var(--adm-color-weak)}.adm-input-clear .antd-mobile-icon{display:block;font-size:var(--adm-font-size-7)}.adm-radio{--icon-size: 22px;--font-size: var(--adm-font-size-9);--gap: 8px;display:inline-flex;vertical-align:text-bottom;justify-content:flex-start;align-items:center;cursor:pointer}.adm-radio input[type=radio]{display:none}.adm-radio .adm-radio-icon{flex:none;border:1px solid var(--adm-color-light);border-radius:var(--icon-size);box-sizing:border-box;width:var(--icon-size);height:var(--icon-size);color:var(--adm-color-text-light-solid)}.adm-radio .adm-radio-icon>svg{display:block;width:100%;height:100%}.adm-radio.adm-radio-block{display:flex}.adm-radio.adm-radio-checked .adm-radio-icon{border-color:var(--adm-color-primary);background-color:var(--adm-color-primary)}.adm-radio.adm-radio-disabled{cursor:not-allowed}.adm-radio.adm-radio-disabled .adm-radio-content{opacity:.4}.adm-radio.adm-radio-disabled .adm-radio-icon{color:var(--adm-color-light);border-color:var(--adm-color-light);background-color:var(--adm-color-fill-content)}.adm-radio .adm-radio-custom-icon{font-size:var(--icon-size)}.adm-radio-content{flex:0 1 auto;font-size:var(--font-size);padding-left:var(--gap)}.adm-selector{--color: var(--adm-color-fill-content);--checked-color: var(--adm-color-wathet);--text-color: var(--adm-color-text);--checked-text-color: var(--adm-color-primary);--border: none;--checked-border: none;--border-radius: 2px;--padding: 8px 16px;--gap: 8px;---gap: var(--gap);---gap-horizontal: var(--gap-horizontal, var(--gap));---gap-vertical: var(--gap-vertical, var(--gap));overflow:hidden;font-size:var(--adm-font-size-7);line-height:1.4}.adm-selector .adm-space.adm-space{--gap: 12px}.adm-selector .adm-grid{--gap: var(---gap);--gap-horizontal: var(---gap-horizontal);--gap-vertical: var(---gap-vertical)}.adm-selector-item{padding:var(--padding);position:relative;background-color:var(--color);border:var(--border);border-radius:var(--border-radius);color:var(--text-color);opacity:1;cursor:pointer;display:inline-block;text-align:center;overflow:hidden;vertical-align:top}.adm-selector-item-description{font-size:var(--adm-font-size-main);color:var(--adm-color-weak)}.adm-selector-item-active,.adm-selector-item-multiple-active{color:var(--checked-text-color);background-color:var(--checked-color);border:var(--checked-border)}.adm-selector-item .adm-selector-check-mark-wrapper{position:absolute;right:0;bottom:0;width:0;height:0;border-top:solid 8px transparent;border-bottom:solid 8px var(--adm-color-primary);border-left:solid 10px transparent;border-right:solid 10px var(--adm-color-primary)}.adm-selector-item .adm-selector-check-mark-wrapper>svg{position:absolute;left:0;top:0;height:6px;width:8px}.adm-selector-item-disabled{cursor:not-allowed;opacity:.4}.adm-toast-mask .adm-toast-wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center}.adm-toast-mask .adm-toast-main{display:inline-block;position:relative;top:50%;transform:translateY(-50%);width:auto;max-width:204px;max-height:70%;overflow:auto;color:#fff;word-break:break-all;background-color:#000000b3;border-radius:8px;pointer-events:all;font-size:var(--adm-font-size-7);line-height:1.5;box-sizing:border-box;text-align:initial}.adm-toast-mask .adm-toast-main-text{padding:12px;min-width:0}.adm-toast-mask .adm-toast-main-icon{padding:35px 12px;min-width:150px}.adm-toast-mask .adm-toast-main-icon .adm-toast-icon{text-align:center;margin-bottom:8px;font-size:36px;line-height:1}.adm-toast-loading{--size: 48px;margin:0 auto 8px}.avatar-root{min-height:100vh;padding:var(--spacing-4);background:linear-gradient(135deg,#f5f5f5,#f0f0f0);box-sizing:border-box}.avatar-preview-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-6)}.avatar-canvas-container{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #00000026;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .2s ease}.avatar-canvas-container:active{transform:scale(.97)}.avatar-canvas{display:block;max-width:100%;height:auto}.avatar-tip{margin-top:var(--spacing-3);color:var(--adm-color-weak);font-size:13px}.avatar-form-section{background:#fff;border-radius:16px;padding:var(--spacing-5);box-shadow:0 4px 16px #00000014}.avatar-form-item{margin-bottom:var(--spacing-5)}.avatar-form-item:last-child{margin-bottom:0}.avatar-form-label{font-size:14px;font-weight:600;color:var(--adm-color-text);margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-3)}.avatar-form-row{display:flex;gap:var(--spacing-3);align-items:center}.avatar-ant-input{flex:1;border-radius:8px!important;background:var(--adm-color-background)!important;border:1px solid var(--adm-color-border)!important;font-size:15px!important;padding:10px 12px!important;height:auto!important}.avatar-ant-input:focus{border-color:var(--adm-color-primary)!important;box-shadow:0 0 0 3px #1677ff1a!important}.avatar-random-btn{width:44px!important;height:44px!important;border-radius:8px!important;font-size:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}.avatar-gender-btns{display:flex;gap:var(--spacing-2)}.avatar-gender-radio{flex:1!important;--adm-color-border: #e5e7eb;--adm-color-background: #ffffff;padding:10px 16px!important;border-radius:8px!important;font-weight:500!important}.avatar-gender-radio .adm-radio-icon{display:none!important}.avatar-gender-radio.adm-radio-checked{--adm-color-primary: #1677ff;--adm-color-primary-light: rgba(22, 119, 255, .15);font-weight:600!important;background:#1677ff1a!important;border-color:var(--adm-color-primary)!important}.avatar-theme-btns{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.avatar-theme-radio{padding:8px 14px!important;border-radius:20px!important;--adm-color-border: #e5e7eb;--adm-color-background: #ffffff;font-size:13px!important}.avatar-theme-radio .adm-radio-icon{display:none!important}.avatar-theme-radio.adm-radio-checked{--adm-color-primary: #1677ff;--adm-color-primary-light: rgba(22, 119, 255, .15);background:#1677ff1a!important;border-color:var(--adm-color-primary)!important}.avatar-style-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.avatar-style-btn{border-radius:8px!important;font-size:12px!important;font-weight:500!important;height:44px!important;color:#fff!important;border:2px solid transparent!important;transition:all .2s ease!important}.avatar-style-btn.active{border-color:#fff!important;box-shadow:0 0 0 3px var(--adm-color-primary)!important;transform:scale(1.02)}.avatar-age-checkbox{width:20px;height:20px;accent-color:var(--adm-color-primary)}.avatar-age-input{width:80px;border:1px solid var(--adm-color-border);border-radius:8px;padding:8px 12px;font-size:14px;text-align:center}.avatar-age-input:focus{outline:none;border-color:var(--adm-color-primary)}.avatar-save-btn{--adm-color-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--adm-color-primary-light: rgba(102, 126, 234, .15);height:48px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;box-shadow:0 4px 16px #667eea66!important;margin-top:var(--spacing-2)}.avatar-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea80!important}.home-item.avatar-generator{background:linear-gradient(135deg,#a8edea,#fed6e3);border:2px solid #667eea}.home-item.avatar-generator .home-item-icon{font-size:32px}.home-item.avatar-generator .home-item-tag{background:#667eea;color:#fff}@media(max-width:480px){.avatar-root{padding:var(--spacing-3)}.avatar-form-section{padding:var(--spacing-4)}.avatar-style-btns{grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}}.lottery-root{min-height:100vh;padding:var(--spacing-4);background:linear-gradient(135deg,#f5f5f5,#f0f0f0);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.lottery-main{position:relative;margin-bottom:var(--spacing-6)}.lottery-canvas{border-radius:50%;box-shadow:0 8px 32px #00000026}.lottery-result-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lottery-result-modal{background:#fff;border-radius:16px;padding:var(--spacing-8);text-align:center;animation:popIn .3s ease;width:280px}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lottery-result-icon{font-size:56px;margin-bottom:var(--spacing-3)}.lottery-result-title{font-size:16px;color:var(--adm-color-weak);margin-bottom:var(--spacing-2)}.lottery-result-prize{font-size:28px;font-weight:700;color:var(--adm-color-primary);margin-bottom:var(--spacing-6)}.lottery-config{width:100%;max-width:480px;background:#fff;border-radius:16px;padding:var(--spacing-5);box-shadow:0 4px 16px #00000014}.lottery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5)}.lottery-title{font-size:16px;font-weight:700;color:var(--adm-color-text)}.lottery-stats{display:flex;align-items:center;gap:var(--spacing-3);font-size:13px;color:var(--adm-color-weak)}.lottery-prizes{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.lottery-prize-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--adm-color-background);border-radius:12px}.lottery-prize-color{width:32px;height:32px;border-radius:8px;flex-shrink:0}.lottery-prize-name{flex:1;--adm-color-border: #e5e7eb;--adm-color-background: #ffffff;border-radius:8px!important;font-size:14px!important;padding:8px 12px!important}.lottery-prize-weight{display:flex;align-items:center;gap:var(--spacing-2);font-size:12px;color:var(--adm-color-weak)}.lottery-prize-weight-input{width:50px;border:1px solid var(--adm-color-border);border-radius:8px;padding:6px 8px;font-size:13px;text-align:center;background:#fff}.lottery-add-btn{--adm-color-border: #e5e7eb;--adm-color-background: #ffffff;border:1px dashed var(--adm-color-border)!important;border-radius:12px!important;font-size:14px!important;color:var(--adm-color-weak)!important;margin-bottom:var(--spacing-5);height:44px!important}.lottery-add-btn:hover{border-color:var(--adm-color-primary)!important;color:var(--adm-color-primary)!important}.lottery-spin-btn{--adm-color-primary: linear-gradient(135deg, #ef4444 0%, #f59e0b 100%);--adm-color-primary-light: rgba(239, 68, 68, .15);height:52px!important;font-size:18px!important;font-weight:700!important;border-radius:12px!important;box-shadow:0 4px 16px #ef444466!important;margin-bottom:var(--spacing-3)}.lottery-spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444480!important}.lottery-tip{text-align:center;font-size:12px;color:var(--adm-color-weak)}.home-item.lottery-wheel{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border:2px solid #f39c12}.home-item.lottery-wheel .home-item-icon{font-size:32px}.home-item.lottery-wheel .home-item-tag{background:#f39c12;color:#fff}@media(max-width:480px){.lottery-root{padding:var(--spacing-3)}.lottery-config{padding:var(--spacing-4)}}.meme-root{min-height:100vh;padding:var(--spacing-4);background:linear-gradient(135deg,#f5f5f5,#f0f0f0);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.meme-preview-section{margin-bottom:var(--spacing-6);text-align:center}.meme-preview{position:relative;display:inline-block;background:#fff;border-radius:16px;padding:var(--spacing-3);box-shadow:0 4px 16px #0000001a;overflow:hidden;max-width:100%}.meme-image{display:block;max-width:100%;max-height:360px;border-radius:12px}.meme-text{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;font-weight:800;text-transform:uppercase;pointer-events:none;width:100%;text-align:center;line-height:1.2}.meme-text-top{top:16px}.meme-text-bottom{bottom:16px}.meme-tip{font-size:12px;color:var(--adm-color-weak);margin-top:var(--spacing-3)}.meme-config{width:100%;max-width:480px;background:#fff;border-radius:16px;padding:var(--spacing-5);box-shadow:0 4px 16px #00000014}.meme-section{margin-bottom:var(--spacing-5)}.meme-section:last-child{margin-bottom:0}.meme-section-title{font-size:14px;font-weight:700;color:var(--adm-color-text);margin-bottom:var(--spacing-3)}.meme-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.meme-template-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);border:2px solid var(--adm-color-border);border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.meme-template-btn img{width:48px;height:48px;border-radius:8px}.meme-template-btn span{font-size:11px;color:var(--adm-color-weak)}.meme-template-btn:hover{border-color:var(--adm-color-primary)}.meme-template-btn.active{border-color:var(--adm-color-primary);background:#1677ff1a}.meme-random-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:2px dashed var(--adm-color-border);border-radius:12px;font-size:20px}.meme-upload-input{width:100%;padding:var(--spacing-2);border:1px solid var(--adm-color-border);border-radius:12px;font-size:13px;background:#fff}.meme-clear-btn{margin-top:var(--spacing-2)}.meme-input{width:100%;--adm-color-border: #e5e7eb;--adm-color-background: #ffffff;border-radius:12px!important;font-size:14px!important;margin-bottom:var(--spacing-3);padding:12px 16px!important}.meme-input:last-child{margin-bottom:0}.meme-form-row{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-wrap:wrap}.meme-form-row:last-child{margin-bottom:0}.meme-form-label{font-size:13px;color:var(--adm-color-weak);white-space:nowrap}.meme-font-selector{--adm-color-border: #e5e7eb;flex:1}.meme-slider-row{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.meme-slider{flex:1;accent-color:var(--adm-color-primary)}.meme-slider-value{font-size:12px;color:var(--adm-color-weak);min-width:40px}.meme-color-input{width:36px;height:36px;border:2px solid var(--adm-color-border);border-radius:8px;padding:2px;cursor:pointer}.meme-export-btn{--adm-color-warning: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--adm-color-warning-light: rgba(245, 158, 11, .15);height:48px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;box-shadow:0 4px 12px #f59e0b66!important}.meme-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b80!important}.home-item.meme-generator{background:linear-gradient(135deg,#ffeaa7,#ff7675);border:2px solid #fdcb6e}.home-item.meme-generator .home-item-icon{font-size:32px}.home-item.meme-generator .home-item-tag{background:#fdcb6e;color:#2d3436}@media(max-width:480px){.meme-root{padding:var(--spacing-3)}.meme-config{padding:var(--spacing-4)}.meme-templates{gap:var(--spacing-2)}}.tod-root{min-height:100vh;padding:var(--spacing-4);background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.tod-game-section{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-6)}.tod-player-badge{background:#fff3;color:#fff;padding:var(--spacing-2) var(--spacing-5);border-radius:999px;font-size:14px;font-weight:600;margin-bottom:var(--spacing-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tod-mode-selector{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-5);width:100%}.tod-mode-btn{flex:1!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:12px!important;background:#ffffff1a!important;color:#fff!important;font-size:16px!important;font-weight:700!important;height:52px!important}.tod-mode-btn.truth.active{background:#22c55e!important;border-color:#22c55e!important}.tod-mode-btn.dare.active{background:#ef4444!important;border-color:#ef4444!important}.tod-card{width:100%;min-height:200px;background:#fff;border-radius:20px;padding:var(--spacing-8);display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:var(--spacing-5);box-shadow:0 8px 32px #0003}.tod-question{font-size:22px;font-weight:600;color:var(--adm-color-text);line-height:1.6}.tod-placeholder{color:var(--adm-color-weak)}.tod-icon{font-size:48px;display:block;margin-bottom:var(--spacing-3)}.tod-draw-btn{--adm-color-primary: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--adm-color-primary-light: rgba(245, 158, 11, .15);width:100%;height:56px!important;border-radius:16px!important;font-size:18px!important;font-weight:700!important;box-shadow:0 4px 16px #f59e0b66!important;margin-bottom:var(--spacing-3)}.tod-draw-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80!important}.tod-next-btn{--adm-color-border: rgba(255, 255, 255, .3);--adm-color-background: transparent;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:999px!important;font-size:14px!important;height:40px!important}.tod-config{width:100%;max-width:400px;background:#fff;border-radius:20px;padding:var(--spacing-5);box-shadow:0 4px 16px #00000014}.tod-section{margin-bottom:var(--spacing-5)}.tod-section:last-child{margin-bottom:0}.tod-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.tod-section-title{font-size:14px;font-weight:700;color:var(--adm-color-text)}.tod-player-selector{display:flex;gap:var(--spacing-2)}.tod-player-selector .adm-radio{flex:1;justify-content:center;padding:var(--spacing-2);border:1px solid var(--adm-color-border);border-radius:12px;background:#fff}.tod-player-selector .adm-radio.adm-radio-checked{background:var(--adm-color-primary);border-color:var(--adm-color-primary)}.tod-player-selector .adm-radio.adm-radio-checked .adm-radio-icon{display:none}.tod-player-selector .adm-radio.adm-radio-checked .adm-radio-label{color:#fff!important}.tod-add-question{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-wrap:wrap}.tod-add-question button{padding:var(--spacing-2) var(--spacing-3)!important;border-radius:10px!important;font-size:13px!important}.tod-add-question button.active{background:var(--adm-color-primary)!important;color:#fff!important;border-color:var(--adm-color-primary)!important}.tod-add-question button.active.dare{background:#ef4444!important;border-color:#ef4444!important}.tod-question-input{flex:1;--adm-color-border: #e5e7eb;--adm-color-background: #ffffff;border-radius:10px!important;min-width:120px}.tod-custom-list{display:flex;flex-direction:column;gap:var(--spacing-2);max-height:200px;overflow-y:auto}.tod-custom-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--adm-color-background);border-radius:12px;font-size:13px}.tod-custom-type{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;flex-shrink:0}.tod-custom-type.truth{background:#dcfce7;color:#166534}.tod-custom-type.dare{background:#fee2e2;color:#991b1b}.tod-custom-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--adm-color-text)}.tod-history{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3);max-height:200px;overflow-y:auto}.tod-history-item{padding:var(--spacing-2);background:var(--adm-color-background);border-radius:10px;font-size:13px;color:var(--adm-color-weak)}.tod-reset-btn{--adm-color-border: #e5e7eb;--adm-color-background: transparent;color:var(--adm-color-weak)!important;border:1px solid var(--adm-color-border)!important;border-radius:12px!important;height:40px!important}.home-item.truth-or-dare{background:linear-gradient(135deg,#a29bfe,#6c5ce7);border:2px solid #6c5ce7}.home-item.truth-or-dare .home-item-icon{font-size:32px}.home-item.truth-or-dare .home-item-tag{background:#6c5ce7;color:#fff}@media(max-width:480px){.tod-root{padding:var(--spacing-3)}.tod-config{padding:var(--spacing-4)}.tod-mode-selector{gap:var(--spacing-2)}}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color-scheme:light;background:#fff;color:#1e293b}body{margin:0;min-height:100vh;background:transparent}.game-root{max-width:960px;margin:0 auto;background:#fff;border-radius:24px;padding:24px 24px 28px;box-shadow:0 4px 20px #00000014,0 0 0 1px #0000000d;position:relative;overflow:hidden}.game-nav{display:flex;justify-content:flex-start;margin-bottom:4px}.game-title{margin:0 0 12px;text-align:center;font-size:26px;font-weight:700;letter-spacing:.04em;background:linear-gradient(120deg,#e5e7eb,#facc15,#38bdf8);-webkit-background-clip:text;color:transparent}.game-timer{display:flex;justify-content:center;align-items:baseline;gap:6px;margin-bottom:18px;font-size:15px;color:#64748b}.timer{font-size:20px;font-weight:700;padding:4px 12px;border-radius:999px;background:radial-gradient(circle at top,#22c55e,#15803d);color:#ecfdf3;min-width:72px;text-align:center;box-shadow:0 0 0 1px #22c55e40}.timer.finished{background:radial-gradient(circle at top,#ef4444,#b91c1c);box-shadow:0 0 0 1px #f8717166}.game-top-panel{border-radius:18px;padding:18px 18px 16px;background:#f8fafc;box-shadow:inset 0 0 0 1px #00000014}.section{margin-bottom:14px}.section:last-child{margin-bottom:0}.section-title{font-size:14px;font-weight:600;color:#475569;margin-bottom:6px}.number-row{display:flex;flex-wrap:wrap;gap:8px}.number-chip{min-width:40px;height:32px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0000001a}.number-chip.result{background:radial-gradient(circle at top,#fde68a,#f97316);color:#111827}.number-chip.small{min-width:30px;height:26px;font-size:13px}.number-chip.selected{background:radial-gradient(circle at top,#38bdf8,#1d4ed8);color:#0b1120}.number-chip.unselected{background:#e2e8f0;color:#64748b}.hint-text{margin-top:4px;font-size:12px;color:#64748b}.result-info{margin-top:4px;padding-top:8px;border-top:1px dashed #e2e8f0}.result-subtext{margin-top:4px;font-size:13px;color:#64748b;opacity:.92}.result-ok{animation:resultGlowSoft .9s ease-out}.result-good{animation:resultGlowMedium .9s ease-out}.result-great{animation:resultGlowStrong 1s ease-out}.hit-count-highlight{animation:hitPulse .9s ease-out}.result-text{font-size:15px;color:#334155}.hit-count{font-size:20px;font-weight:800;color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.7);padding:0 4px}.game-bottom-panel{margin-top:18px;padding:16px 18px 18px;border-radius:18px;background:#f8fafc;box-shadow:0 4px 12px #0000000d,0 0 0 1px #0000000d}.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:10px}@media(max-width:640px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card-button{border-radius:16px;border:none;padding:10px 0;background:#fff;color:#334155;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00000014,0 0 0 1px #0000000f;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.card-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0000001a,0 0 0 1px #00000014}.card-selected{background:radial-gradient(circle at top,#22c55e,#15803d);box-shadow:0 18px 40px #16a34af5,0 0 0 1px #dcfce7cc;color:#ecfdf3}.card-disabled{opacity:.5;cursor:not-allowed}.game-actions{display:flex;justify-content:center;margin-top:18px}.restart-button{border-radius:999px;border:none;padding:8px 20px;font-size:14px;font-weight:600;letter-spacing:.03em;cursor:pointer;background:linear-gradient(135deg,#f1f5f9,#e0f2fe);color:#334155;box-shadow:0 4px 12px #00000014,0 0 0 1px #0000000f;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.restart-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001a,0 0 0 1px #00000014;filter:brightness(1.02)}.confetti-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:10}.confetti-piece{position:absolute;top:-12px;width:7px;height:14px;border-radius:999px;opacity:.95;transform-origin:center;animation-name:confettiFall,confettiSwing;animation-timing-function:linear,ease-in-out;animation-iteration-count:1,infinite}@keyframes confettiFall{0%{transform:translate3d(0,-10px,0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate3d(0,320px,0) rotate(360deg);opacity:0}}@keyframes confettiSwing{0%{transform:translate(0)}50%{transform:translate(16px)}to{transform:translate(-16px)}}@keyframes hitPulse{0%{transform:scale(1);text-shadow:0 0 8px rgba(251,191,36,.5)}40%{transform:scale(1.25);text-shadow:0 0 18px rgba(251,191,36,.8)}to{transform:scale(1);text-shadow:0 0 10px rgba(251,191,36,.6)}}@keyframes resultGlowSoft{0%{box-shadow:inset 0 0 0 1px #4ade8000}to{box-shadow:inset 0 0 0 1px #4ade8099}}@keyframes resultGlowMedium{0%{box-shadow:inset 0 0 0 1px #4ade8000,0 0 #34d39900}to{box-shadow:inset 0 0 0 1px #4ade80cc,0 0 40px #2dd4bf99}}@keyframes resultGlowStrong{0%{box-shadow:inset 0 0 0 1px #facc1500,0 0 #facc1500}to{box-shadow:inset 0 0 0 1px #facc15f2,0 0 55px #facc15e6}}.ribbon-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:12}.ribbon-piece{position:absolute;bottom:10px;width:6px;height:46px;border-radius:999px;opacity:0;transform-origin:bottom center;animation-name:ribbonShoot,ribbonTwist;animation-delay:var(--ribbon-delay, 0s);animation-duration:var(--ribbon-duration, 1s),.6s;animation-timing-function:cubic-bezier(.2,.8,.1,1),ease-in-out;animation-iteration-count:1,infinite}.ribbon-piece.from-left{left:4%}.ribbon-piece.from-right{right:4%}.ribbon-cannon{position:absolute;bottom:0;width:28px;height:28px;border-radius:14px;background:radial-gradient(circle at top,#f97316,#b91c1c);box-shadow:0 0 0 1px #f8fafce6,0 0 18px #f87171e6;opacity:.9}.cannon-left{left:1.8%;transform:rotate(36deg)}.cannon-right{right:1.8%;transform:rotate(-36deg)}@keyframes ribbonShoot{0%{opacity:0;transform:translateZ(0) rotate(0) scaleY(.4)}15%{opacity:1}to{opacity:0;transform:translate3d(calc(cos(var(--ribbon-angle, 70deg))*260px),calc(sin(var(--ribbon-angle, 70deg))*260px*-1),0) rotate(380deg) scaleY(1.05)}}@keyframes ribbonTwist{0%{transform:rotateX(0)}50%{transform:rotateX(60deg)}to{transform:rotateX(-60deg)}}.gif-tool-root{min-height:100vh;padding:20px 14px;background:radial-gradient(circle at top,#fce7f3 0,#e0e7ff 42%,#ddd6fe);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.gif-mode-tabs{display:flex;gap:8px;margin-bottom:16px;width:100%;max-width:920px}.gif-mode-tab{flex:1;padding:10px 16px;border:none;border-radius:10px;background:#ffffffe6;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.gif-mode-tab:hover{background:#fff}.gif-mode-tab.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 12px #6366f166}.gif-split-panel,.gif-combine-panel{width:100%;max-width:920px;display:flex;flex-direction:column;gap:16px}.gif-config-card{padding:14px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;flex-direction:column;gap:12px}.gif-preview-card{padding:14px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e;display:flex;flex-direction:column;align-items:center;gap:12px}.gif-preview-container{width:100%;max-width:400px;display:flex;justify-content:center;align-items:center;min-height:200px;border-radius:12px;overflow:hidden}.gif-preview-image{max-width:100%;max-height:400px;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.gif-preview-loading{color:#64748b;font-size:14px;padding:40px}.gif-frame-nav{display:flex;align-items:center;gap:16px}.gif-frame-btn{padding:8px 16px;border:none;border-radius:8px;background:#f1f5f9;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.gif-frame-btn:hover:not(:disabled){background:#e2e8f0}.gif-frame-btn:disabled{opacity:.5;cursor:not-allowed}.gif-frame-counter{font-size:14px;font-weight:600;color:#475569}.gif-frames-list{display:flex;flex-direction:column;gap:8px}.gif-frame-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#ffffffe6;box-shadow:0 2px 8px #0000000f}.gif-frame-order{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.gif-frame-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.gif-frame-controls{flex:1;display:flex;align-items:center;gap:6px}.gif-frame-delay-input{width:70px!important;padding:6px 8px!important;font-size:13px!important;text-align:center}.gif-frame-delay-unit{font-size:12px;color:#64748b}.gif-frame-actions{display:flex;gap:6px}.gif-frame-move-btn{width:28px;height:28px;border:none;border-radius:6px;background:#f1f5f9;color:#475569;font-size:14px;cursor:pointer;transition:all .2s ease}.gif-frame-move-btn:hover:not(:disabled){background:#e2e8f0}.gif-frame-move-btn:disabled{opacity:.4;cursor:not-allowed}.gif-frame-remove-btn{width:28px;height:28px;border:none;border-radius:6px;background:#fee2e2;color:#dc2626;font-size:16px;cursor:pointer;transition:all .2s ease}.gif-frame-remove-btn:hover{background:#fecaca}.gif-delay-config{margin-top:8px}.home-item.gif-tool{border-color:#ddd6fe}.gif-frame-preview-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.gif-frame-preview-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.gif-frame-preview-label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px}@media(max-width:600px){.gif-mode-tabs{gap:6px}.gif-mode-tab{padding:8px 12px;font-size:13px}.gif-frame-item{flex-wrap:wrap;gap:8px}.gif-frame-controls{width:100%;order:3}.gif-frame-actions{margin-left:auto}}.countdown-page-root{min-height:100vh;padding:20px 14px;background:radial-gradient(circle at top,#e0f2fe 0,#bae6fd 42%,#7dd3fc);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.countdown-preview-wrap{width:100%;max-width:920px;display:flex;justify-content:center;margin-bottom:16px}.countdown-card{width:min(100%,480px);aspect-ratio:4 / 3;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 50px #0f172a59;color:#fff;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.countdown-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.15),transparent 50%);pointer-events:none}.countdown-title{font-size:clamp(22px,4vw,32px);font-weight:700;text-align:center;text-shadow:0 4px 12px rgba(15,23,42,.25);position:relative;z-index:1}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.countdown-unit{display:flex;flex-direction:column;align-items:center}.countdown-number{font-size:clamp(36px,7vw,64px);font-weight:800;line-height:1;text-shadow:0 6px 18px rgba(15,23,42,.35);font-variant-numeric:tabular-nums}.countdown-label{font-size:clamp(14px,2.5vw,18px);font-weight:600;margin-top:8px}.countdown-separator{font-size:clamp(28px,5vw,48px);font-weight:700;transform:translateY(-8px);opacity:.9}.countdown-target{font-size:clamp(14px,2.5vw,18px);font-weight:600;text-align:center;position:relative;z-index:1}.countdown-placeholder{font-size:20px;font-weight:600;opacity:.8}.countdown-expired{font-size:clamp(32px,6vw,48px);font-weight:800;text-align:center;text-shadow:0 4px 12px rgba(15,23,42,.3)}.countdown-config-panel{width:100%;max-width:920px;padding:14px;border-radius:16px;background:#ffffffeb;box-shadow:0 10px 25px #0f172a2e}.countdown-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.countdown-input{margin-top:4px;width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;box-sizing:border-box}.countdown-input[type=datetime-local]{color-scheme:light}.home-item.countdown{border-color:#fcd34d}@media(max-width:600px){.countdown-page-root{padding:12px 8px}.countdown-card{width:min(100%,420px);aspect-ratio:4 / 3;border-radius:18px;padding:24px}.countdown-config-panel{padding:12px;border-radius:14px}.countdown-config-grid{grid-template-columns:1fr}}