*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--dpb-background: #fff8f5;--dpb-surface: #fff8f5;--dpb-surface-container: #ffeadd;--dpb-surface-container-high: #fbe4d5;--dpb-surface-container-low: #fff1e9;--dpb-surface-container-lowest: #ffffff;--dpb-surface-container-highest: #f5ded0;--dpb-surface-dim: #ecd6c8;--dpb-surface-variant: #f5ded0;--dpb-on-surface: #251911;--dpb-on-surface-variant: #56423d;--dpb-on-background: #251911;--dpb-primary: #9e4225;--dpb-primary-container: #ff8c69;--dpb-on-primary: #ffffff;--dpb-on-primary-container: #752409;--dpb-primary-fixed: #ffdbd1;--dpb-primary-fixed-dim: #ffb59f;--dpb-on-primary-fixed: #3a0a00;--dpb-on-primary-fixed-variant: #7e2b10;--dpb-inverse-primary: #ffb59f;--dpb-secondary: #665c59;--dpb-secondary-container: #eedfdb;--dpb-secondary-fixed: #eedfdb;--dpb-secondary-fixed-dim: #d1c4bf;--dpb-on-secondary: #ffffff;--dpb-on-secondary-container: #6d625e;--dpb-tertiary: #695c55;--dpb-tertiary-container: #b9a8a0;--dpb-tertiary-fixed: #f1dfd6;--dpb-tertiary-fixed-dim: #d5c3ba;--dpb-on-tertiary: #ffffff;--dpb-on-tertiary-container: #493d37;--dpb-outline: #89726b;--dpb-outline-variant: #dcc0b9;--dpb-error: #ba1a1a;--dpb-error-container: #ffdad6;--dpb-on-error: #ffffff;--dpb-inverse-surface: #3b2e24;--dpb-inverse-on-surface: #ffede3;--dpb-font-display: "Plus Jakarta Sans", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;--dpb-font-body: "Be Vietnam Pro", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;--dpb-fs-display-lg: 28px;--dpb-lh-display-lg: 36px;--dpb-ls-display-lg: -.02em;--dpb-fs-display-lg-mobile: 24px;--dpb-lh-display-lg-mobile: 32px;--dpb-fs-title-md: 20px;--dpb-lh-title-md: 28px;--dpb-fs-body-lg: 16px;--dpb-lh-body-lg: 26px;--dpb-fs-label-md: 13px;--dpb-lh-label-md: 20px;--dpb-fs-label-sm: 11px;--dpb-lh-label-sm: 16px;--dpb-ls-label-sm: .05em;--dpb-radius: .25rem;--dpb-radius-lg: .5rem;--dpb-radius-xl: .75rem;--dpb-radius-full: 9999px;--dpb-space-base: 4px;--dpb-space-xs: 4px;--dpb-space-sm: 8px;--dpb-space-md: 12px;--dpb-space-lg: 16px;--dpb-space-xl: 20px;--dpb-space-2xl: 24px;--dpb-space-3xl: 32px;--dpb-space-4xl: 40px;--dpb-space-5xl: 48px;--dpb-space-6xl: 64px;--dpb-space-gutter: 16px;--dpb-space-container-margin: 24px;--dpb-shadow-card: 0 4px 6px -1px rgba(158, 66, 37, .06), 0 2px 4px -1px rgba(158, 66, 37, .06);--dpb-shadow-elevated: 0 10px 15px -3px rgba(158, 66, 37, .1), 0 4px 6px -2px rgba(158, 66, 37, .05);--dpb-shadow-soft: 0 4px 6px -1px rgba(37, 25, 17, .06), 0 2px 4px -1px rgba(37, 25, 17, .04);--dpb-shadow-input-glow: 0 0 0 4px rgba(255, 140, 105, .2);--dpb-shadow-btn: 0 4px 16px rgba(255, 140, 105, .3);--dpb-shadow-btn-hover: 0 6px 20px rgba(255, 140, 105, .4);--dpb-max-screen: 1200px;--dpb-max-content: 768px;--dpb-max-form: 512px;--dpb-scrollbar-thumb: #dca895;--dpb-scrollbar-thumb-hover: #c9826a;--dpb-scrollbar-track: transparent}.dpb-scrollbar{scrollbar-width:thin;scrollbar-color:var(--dpb-scrollbar-thumb) var(--dpb-scrollbar-track)}.dpb-scrollbar::-webkit-scrollbar{width:8px;height:8px}.dpb-scrollbar::-webkit-scrollbar-button,.dpb-scrollbar::-webkit-scrollbar-button:single-button{display:none;width:0;height:0}.dpb-scrollbar::-webkit-scrollbar-track{background:var(--dpb-scrollbar-track);border-radius:var(--dpb-radius-full)}.dpb-scrollbar::-webkit-scrollbar-thumb{background:var(--dpb-scrollbar-thumb);border:2px solid transparent;border-radius:var(--dpb-radius-full);background-clip:padding-box}.dpb-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--dpb-scrollbar-thumb-hover);background-clip:padding-box}body{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-body-lg);line-height:var(--dpb-lh-body-lg);background:var(--dpb-background);color:var(--dpb-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}.dpb-root{display:flex;flex-direction:column;min-height:100dvh}.dpb-app-bar{position:sticky;top:0;z-index:50;width:100%;background:color-mix(in srgb,var(--dpb-surface) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--dpb-shadow-soft);transition:all .3s}.dpb-app-bar-inner{display:flex;justify-content:space-between;align-items:center;padding:var(--dpb-space-md) var(--dpb-space-container-margin);max-width:var(--dpb-max-screen);margin:0 auto}.dpb-app-bar-brand{display:flex;align-items:center;gap:var(--dpb-space-sm)}.dpb-app-bar-icon{width:48px;height:48px;border-radius:50%;background:var(--dpb-primary-container);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--dpb-on-primary-container);box-shadow:var(--dpb-shadow-card);flex-shrink:0}.dpb-app-bar-title{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:700;color:var(--dpb-primary)}.dpb-app-bar-action{padding:var(--dpb-space-sm);border-radius:var(--dpb-radius-full);border:none;background:transparent;color:var(--dpb-on-surface-variant);cursor:pointer;font-size:24px;transition:color .2s}.dpb-app-bar-action:hover{color:var(--dpb-primary-container)}@media (max-width: 640px){.dpb-app-bar-icon{display:none}}.dpb-main{flex:1;padding-top:var(--dpb-space-6xl);padding-left:var(--dpb-space-container-margin);padding-right:var(--dpb-space-container-margin);padding-bottom:var(--dpb-space-3xl);max-width:var(--dpb-max-content);margin:0 auto;width:100%}.dpb-main--narrow{max-width:var(--dpb-max-form)}.dpb-hero{text-align:center;margin-bottom:var(--dpb-space-4xl)}.dpb-hero-title{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-display-lg-mobile);font-weight:700;line-height:var(--dpb-lh-display-lg-mobile);color:var(--dpb-on-background);margin-bottom:var(--dpb-space-sm)}@media (min-width: 768px){.dpb-hero-title{font-size:var(--dpb-fs-display-lg);line-height:var(--dpb-lh-display-lg)}}.dpb-hero-subtitle{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-body-lg);color:var(--dpb-on-surface-variant)}.dpb-upload-zone{width:100%;max-width:300px;aspect-ratio:1 / 1;margin:0 auto var(--dpb-space-lg);border:2px dashed var(--dpb-outline-variant);border-radius:var(--dpb-radius-xl);background:var(--dpb-surface-container-low);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #2519110f;position:relative;overflow:hidden}.dpb-upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--dpb-primary-container) 10%,transparent);opacity:0;transition:opacity .3s}.dpb-upload-zone:hover:before,.dpb-upload-zone.dpb-upload-zone--dragging:before{opacity:1}.dpb-upload-zone:hover,.dpb-upload-zone.dpb-upload-zone--dragging{border-color:var(--dpb-primary-container);background:var(--dpb-surface-container)}.dpb-upload-zone-icon{font-size:36px;color:var(--dpb-primary-container);margin-bottom:var(--dpb-space-md);position:relative;z-index:1;transition:transform .3s}.dpb-upload-zone:hover .dpb-upload-zone-icon{transform:scale(1.1)}.dpb-upload-zone-text{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500;color:var(--dpb-on-surface);position:relative;z-index:1}.dpb-tip{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:var(--dpb-lh-label-sm);letter-spacing:var(--dpb-ls-label-sm);font-weight:500;color:var(--dpb-secondary);text-align:center;background:var(--dpb-surface-container);padding:var(--dpb-space-sm) var(--dpb-space-lg);border-radius:var(--dpb-radius-full);margin-top:var(--dpb-space-lg)}.dpb-photos-strip{width:100%;margin-top:var(--dpb-space-4xl)}.dpb-photos-strip-label{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500;color:var(--dpb-on-surface-variant);margin-bottom:var(--dpb-space-md);padding:0 var(--dpb-space-sm)}.dpb-photos-strip-list{display:flex;gap:var(--dpb-space-lg);overflow-x:auto;padding-bottom:var(--dpb-space-sm);padding-left:var(--dpb-space-sm);padding-right:var(--dpb-space-sm);scrollbar-width:none}.dpb-photos-strip-list::-webkit-scrollbar{display:none}.dpb-photo-circle{flex-shrink:0;width:80px;height:80px;border-radius:var(--dpb-radius-full);background:var(--dpb-surface-container-high);border:1px solid var(--dpb-outline-variant);overflow:hidden;position:relative;cursor:pointer;transition:all .2s}.dpb-photo-circle:hover{border-color:var(--dpb-primary-container)}.dpb-photo-circle img{width:100%;height:100%;object-fit:cover}.dpb-photo-circle-remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:var(--dpb-radius-full);background:var(--dpb-error);color:var(--dpb-on-error);border:2px solid var(--dpb-surface-container-lowest);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.dpb-photo-circle:hover .dpb-photo-circle-remove{opacity:1}.dpb-photo-add{flex-shrink:0;width:80px;height:80px;border-radius:var(--dpb-radius-full);background:var(--dpb-surface-container-high);border:1px solid var(--dpb-outline-variant);display:flex;align-items:center;justify-content:center;color:var(--dpb-outline-variant);font-size:24px;cursor:pointer;transition:all .2s}.dpb-photo-add:hover{color:var(--dpb-primary-container);border-color:var(--dpb-primary-container)}.dpb-privacy-note{display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm);margin-top:auto;padding-top:var(--dpb-space-4xl);padding-bottom:var(--dpb-space-xl)}.dpb-privacy-note-icon{font-size:16px;color:var(--dpb-tertiary);flex-shrink:0}.dpb-privacy-note-text{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:var(--dpb-lh-label-sm);font-weight:500;color:var(--dpb-tertiary);text-align:center}.dpb-form-heading{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:600;line-height:var(--dpb-lh-title-md);color:var(--dpb-on-surface);margin-bottom:var(--dpb-space-2xl)}.dpb-form{display:flex;flex-direction:column;gap:var(--dpb-space-4xl)}.dpb-form-section{display:flex;flex-direction:column;gap:var(--dpb-space-sm)}.dpb-form-label{display:block;font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500;color:var(--dpb-on-surface-variant)}.dpb-form-input{width:100%;height:48px;border:1px solid var(--dpb-outline-variant);border-radius:var(--dpb-radius-lg);background:var(--dpb-surface-container-lowest);padding:0 var(--dpb-space-lg);font-size:var(--dpb-fs-body-lg);font-family:var(--dpb-font-body);color:var(--dpb-on-surface);transition:box-shadow .2s,border-color .2s}.dpb-form-input:focus{outline:none;border-color:var(--dpb-primary-container);box-shadow:var(--dpb-shadow-input-glow)}.dpb-form-input::placeholder{color:var(--dpb-outline)}.dpb-chips-row{display:flex;gap:var(--dpb-space-sm);overflow-x:auto;padding-bottom:var(--dpb-space-xs);scrollbar-width:none}.dpb-chips-row::-webkit-scrollbar{display:none}.dpb-chip{white-space:nowrap;padding:var(--dpb-space-sm) var(--dpb-space-lg);border-radius:var(--dpb-radius-full);background:var(--dpb-surface-container);color:var(--dpb-on-surface-variant);font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500;border:none;cursor:pointer;transition:all .2s}.dpb-chip:hover{background:var(--dpb-primary-fixed)}.dpb-chip-active{background:var(--dpb-primary-fixed)!important;color:var(--dpb-primary)!important;border:1px solid var(--dpb-primary-container)}.dpb-animal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dpb-space-md)}.dpb-animal-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:96px;border-radius:var(--dpb-radius-xl);background:var(--dpb-surface-container-lowest);border:1px solid var(--dpb-outline-variant);box-shadow:var(--dpb-shadow-soft);cursor:pointer;transition:all .2s}.dpb-animal-card:hover{background:var(--dpb-surface-container)}.dpb-animal-card-active{background:var(--dpb-surface-container)!important;border:2px solid var(--dpb-primary-container)!important;box-shadow:var(--dpb-shadow-soft)!important}.dpb-animal-card-emoji{font-size:32px;line-height:1}.dpb-animal-card-label{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500;margin-top:var(--dpb-space-xs)}.dpb-animal-card-active .dpb-animal-card-label{color:var(--dpb-primary)}.dpb-animal-card-check{position:absolute;top:var(--dpb-space-sm);right:var(--dpb-space-sm);font-size:16px;color:var(--dpb-primary);display:none}.dpb-animal-card-active .dpb-animal-card-check{display:block}.dpb-animal-card--add{border-style:dashed;color:var(--dpb-outline)}.dpb-animal-card--add .dpb-animal-card-label{color:var(--dpb-outline)}.dpb-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--dpb-space-md)}.dpb-theme-card{display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm);height:56px;border-radius:var(--dpb-radius-xl);background:var(--dpb-surface-container-lowest);border:1px solid var(--dpb-outline-variant);box-shadow:var(--dpb-shadow-soft);cursor:pointer;transition:all .2s;position:relative}.dpb-theme-card:hover{background:var(--dpb-surface-container)}.dpb-theme-card-active{background:var(--dpb-surface-container)!important;border:2px solid var(--dpb-primary-container)!important;box-shadow:var(--dpb-shadow-soft)!important}.dpb-theme-card-active .dpb-theme-card-label{color:var(--dpb-primary)}.dpb-theme-card-emoji{font-size:18px}.dpb-theme-card-label{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500}.dpb-theme-card-check{position:absolute;top:var(--dpb-space-sm);right:var(--dpb-space-sm);font-size:14px;color:var(--dpb-primary);display:none}.dpb-theme-card-active .dpb-theme-card-check{display:block}.dpb-theme-card--add{border-style:dashed}.dpb-theme-card--add .dpb-theme-card-label{color:var(--dpb-outline)}.dpb-style-list{display:flex;flex-direction:column;gap:var(--dpb-space-md)}.dpb-style-card{display:flex;align-items:center;padding:var(--dpb-space-md);border-radius:var(--dpb-radius-xl);background:var(--dpb-surface-container-lowest);border:1px solid var(--dpb-outline-variant);box-shadow:var(--dpb-shadow-soft);cursor:pointer;transition:all .2s}.dpb-style-card:hover{background:var(--dpb-surface-container)}.dpb-style-card-active{background:var(--dpb-surface-container)!important;border:2px solid var(--dpb-primary-container)!important;box-shadow:var(--dpb-shadow-soft)!important}.dpb-style-card-preview{width:60px;height:60px;border-radius:var(--dpb-radius-lg);background:var(--dpb-surface-variant);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px;color:var(--dpb-outline)}.dpb-style-card-active .dpb-style-card-preview{background:var(--dpb-primary-fixed);color:var(--dpb-primary)}.dpb-style-card-info{margin-left:var(--dpb-space-lg);flex-grow:1}.dpb-style-card-name{font-family:var(--dpb-font-display);font-size:16px;font-weight:600;color:var(--dpb-on-surface);display:flex;align-items:center;gap:var(--dpb-space-xs);flex-wrap:wrap}.dpb-style-card-desc{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:var(--dpb-lh-label-sm);color:var(--dpb-on-surface-variant);margin-top:var(--dpb-space-xs)}.dpb-style-card-badge{font-size:12px;font-weight:400;color:var(--dpb-primary);margin-left:var(--dpb-space-xs);background:var(--dpb-primary-fixed);padding:2px var(--dpb-space-sm);border-radius:var(--dpb-radius-full)}.dpb-style-card-radio{width:20px;height:20px;accent-color:var(--dpb-primary-container);border-color:var(--dpb-outline-variant);flex-shrink:0;margin-left:var(--dpb-space-md)}.dpb-craft-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dpb-craft-preview-tabs{width:min(100%,560px);margin:0 auto 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(92,64,51,.18);border-radius:10px;overflow:hidden;background:#fff}.dpb-craft-preview-tabs button{min-height:40px;border:0;border-right:1px solid rgba(92,64,51,.18);background:#fff;color:#6f5b4b;cursor:pointer;font:inherit;font-size:13px}.dpb-craft-preview-tabs button:last-child{border-right:0}.dpb-craft-preview-tabs button[aria-pressed=true]{background:#fff0e9;color:#8f3f25;font-weight:700}.dpb-craft-mode-card{min-height:92px;padding:14px;border:1px solid rgba(92,64,51,.16);border-radius:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;transition:border-color .16s ease,box-shadow .16s ease}.dpb-craft-mode-card input,.dpb-segmented-control input{position:absolute;opacity:0;pointer-events:none}.dpb-craft-mode-card strong{color:#3e2d1f;font-size:15px}.dpb-craft-mode-card span{color:#806b5a;font-size:12px;line-height:1.45}.dpb-craft-mode-card--active{border-color:#df704b;box-shadow:0 0 0 2px #df704b1f;background:#fff8f5}.dpb-segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(92,64,51,.18);border-radius:10px;overflow:hidden}.dpb-segmented-control label{cursor:pointer;text-align:center;border-right:1px solid rgba(92,64,51,.18)}.dpb-segmented-control label:last-child{border-right:0}.dpb-segmented-control span{display:block;padding:10px 8px;color:#6f5b4b;font-size:13px;background:#fff}.dpb-segmented-control input:checked+span{color:#8f3f25;font-weight:700;background:#fff0e9}.dpb-form-note{margin:10px 0 0;color:#8f5e31;font-size:12px;line-height:1.6}@media (max-width: 560px){.dpb-craft-mode-grid{grid-template-columns:1fr}}.dpb-btn-generate{width:100%;height:56px;border-radius:var(--dpb-radius-full);background:var(--dpb-primary-container);color:var(--dpb-on-primary);border:none;font-family:var(--dpb-font-display);font-size:18px;font-weight:600;cursor:pointer;box-shadow:var(--dpb-shadow-elevated);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm);margin-top:var(--dpb-space-xl)}.dpb-btn-generate:hover:not(:disabled){background:var(--dpb-primary);opacity:.9}.dpb-btn-generate:disabled{opacity:.5;cursor:not-allowed}.dpb-btn-next{width:100%;height:56px;border-radius:var(--dpb-radius-full);background:var(--dpb-primary-container);color:var(--dpb-on-primary);border:none;font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:600;cursor:pointer;box-shadow:var(--dpb-shadow-btn);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm)}.dpb-btn-next:hover:not(:disabled){background:var(--dpb-primary);box-shadow:var(--dpb-shadow-btn-hover);transform:translateY(-2px)}.dpb-btn-next:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.dpb-btn-next-arrow{font-size:20px}.dpb-progress{margin-bottom:var(--dpb-space-lg)}.dpb-progress-label{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);color:var(--dpb-on-surface-variant);margin-bottom:var(--dpb-space-sm)}.dpb-progress-bar{width:100%;height:8px;background:var(--dpb-surface-container);border-radius:var(--dpb-radius-full);overflow:hidden}.dpb-progress-fill{height:100%;background:linear-gradient(90deg,var(--dpb-primary-container),var(--dpb-inverse-primary),var(--dpb-primary-container));background-size:200% 100%;animation:dpb-progress-flow 1.8s linear infinite;transition:width .4s ease;border-radius:var(--dpb-radius-full)}@keyframes dpb-progress-flow{0%{background-position:200% 0}to{background-position:0 0}}.dpb-progress-shimmer{background:linear-gradient(90deg,#ff8c6900,#ff8c6933,#ff8c6900);background-size:200% 100%;animation:dpb-shimmer 2s infinite linear}@keyframes dpb-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){.dpb-progress-fill,.dpb-progress-shimmer{animation:none}}.dpb-error{padding:var(--dpb-space-md) var(--dpb-space-lg);background:var(--dpb-error-container);color:var(--dpb-error);border-radius:var(--dpb-radius-lg);font-size:var(--dpb-fs-label-md);margin-bottom:var(--dpb-space-lg);border-left:4px solid var(--dpb-error)}.dpb-viewer{display:flex;flex-direction:column;align-items:center;gap:var(--dpb-space-xl);width:100%;animation:dpb-fade-in .5s ease}@keyframes dpb-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dpb-viewer-heading{text-align:center}.dpb-viewer-title{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-display-lg-mobile);font-weight:700;line-height:var(--dpb-lh-display-lg-mobile);color:var(--dpb-primary-container)}@media (min-width: 768px){.dpb-viewer-title{font-size:var(--dpb-fs-display-lg);line-height:var(--dpb-lh-display-lg)}}.dpb-viewer-subtitle{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-body-lg);color:var(--dpb-on-surface-variant);margin-top:var(--dpb-space-xs)}.dpb-book-frame{position:relative;width:300px;height:400px;border-radius:var(--dpb-radius-xl);box-shadow:var(--dpb-shadow-elevated);background:var(--dpb-surface-container-lowest);overflow:hidden;border:1px solid var(--dpb-surface-variant);perspective:1000px;cursor:pointer}@media (min-width: 768px){.dpb-book-frame{width:360px;height:480px}}.dpb-book-page{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;animation:dpb-flip .4s ease}@keyframes dpb-flip{0%{opacity:0;transform:rotateY(-5deg) scale(.97)}to{opacity:1;transform:rotateY(0) scale(1)}}.dpb-book-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.dpb-book-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--dpb-space-xl);pointer-events:none}.dpb-book-text{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-body-lg);line-height:var(--dpb-lh-body-lg);color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.3)}.dpb-book-cover-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dpb-primary-container),var(--dpb-secondary-container));padding:var(--dpb-space-2xl);text-align:center;animation:dpb-flip .4s ease}.dpb-book-cover-title{font-family:var(--dpb-font-display);font-size:1.5rem;font-weight:700;color:var(--dpb-on-primary-container);line-height:1.4}.dpb-book-cover-sub{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);color:var(--dpb-on-surface-variant);margin-top:var(--dpb-space-md)}.dpb-book-blessing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dpb-primary-fixed),var(--dpb-surface-container-low));padding:var(--dpb-space-2xl);text-align:center}.dpb-book-blessing-text{font-family:var(--dpb-font-display);font-size:1.1rem;font-weight:600;color:var(--dpb-on-primary-container);line-height:1.6}.dpb-book-nav{display:flex;align-items:center;gap:var(--dpb-space-xl);margin-top:var(--dpb-space-sm)}.dpb-book-nav-btn{width:44px;height:44px;border-radius:var(--dpb-radius-full);background:var(--dpb-surface-container);border:none;display:flex;align-items:center;justify-content:center;color:var(--dpb-primary-container);cursor:pointer;box-shadow:var(--dpb-shadow-card);transition:all .2s;font-size:24px;flex-shrink:0}.dpb-book-nav-btn:hover:not(:disabled){background:var(--dpb-primary-container);color:var(--dpb-on-primary);box-shadow:var(--dpb-shadow-elevated)}.dpb-book-nav-btn:disabled{opacity:.3;cursor:not-allowed}.dpb-book-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dpb-book-dot{width:8px;height:8px;border-radius:var(--dpb-radius-full);background:var(--dpb-surface-variant);border:none;cursor:pointer;transition:all .2s;padding:0}.dpb-book-dot-active{background:var(--dpb-primary-container);transform:scaleX(2.5)}.dpb-book-actions{display:flex;flex-direction:column;gap:var(--dpb-space-lg);width:100%;max-width:480px;margin-top:var(--dpb-space-lg)}.dpb-book-actions-primary{flex:1;height:56px;border-radius:var(--dpb-radius-full);background:var(--dpb-primary-container);color:var(--dpb-on-primary);border:none;font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:600;cursor:pointer;box-shadow:var(--dpb-shadow-card);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm)}.dpb-book-actions-primary:hover{box-shadow:var(--dpb-shadow-elevated);opacity:.9}.dpb-book-actions-row{display:flex;gap:var(--dpb-space-lg);flex:1}.dpb-book-actions-secondary{flex:1;height:56px;border-radius:var(--dpb-radius-full);border:1.5px solid var(--dpb-primary-container);background:transparent;color:var(--dpb-primary-container);font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm)}.dpb-book-actions-secondary:hover{background:var(--dpb-surface-container)}.dpb-book-actions-secondary:disabled{cursor:not-allowed;opacity:.72}.dpb-redraw-status{width:100%;padding:var(--dpb-space-md) var(--dpb-space-lg);border:1px solid var(--dpb-outline-variant);border-radius:var(--dpb-radius-lg);background:var(--dpb-surface-container-low)}.dpb-redraw-status-label{display:flex;align-items:center;gap:var(--dpb-space-sm);min-width:0;margin-bottom:var(--dpb-space-sm);color:var(--dpb-on-surface-variant);font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:1.5}.dpb-redraw-button{min-width:0;line-height:1.3}.dpb-redraw-button--loading{background:var(--dpb-surface-container);cursor:wait}.dpb-redraw-spinner{flex:0 0 auto;width:18px;height:18px;border:2.5px solid var(--dpb-outline-variant);border-top-color:var(--dpb-primary-container);border-radius:50%;animation:dpb-spin .7s linear infinite}.dpb-footer{background:var(--dpb-surface-container-low);width:100%;padding:var(--dpb-space-6xl) var(--dpb-space-container-margin);margin-top:var(--dpb-space-4xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dpb-space-lg);text-align:center}.dpb-footer-brand{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:600;color:var(--dpb-primary)}.dpb-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--dpb-space-lg)}.dpb-footer-link{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:var(--dpb-lh-label-sm);font-weight:500;color:var(--dpb-secondary);text-decoration:none;transition:color .2s}.dpb-footer-link:hover{color:var(--dpb-primary)}.dpb-footer-copy{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:var(--dpb-lh-label-sm);font-weight:500;color:var(--dpb-secondary);margin-top:var(--dpb-space-sm)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dpb-step-enter{animation:dpb-step-enter .3s ease}@keyframes dpb-step-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes dpb-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.dpb-float{animation:dpb-float 3s ease-in-out infinite}::selection{background:var(--dpb-primary-container);color:var(--dpb-on-primary)}.dpb-btn-generate--loading{cursor:wait;opacity:.85}.dpb-btn-generate-loading{display:inline-flex;align-items:center;gap:8px}.dpb-btn-generate-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:dpb-spin .6s linear infinite}.dpb-preview{display:flex;flex-direction:column;gap:var(--dpb-space-xl);width:100%;animation:dpb-fade-in .5s ease}.dpb-preview-list{display:grid;gap:var(--dpb-space-lg)}.dpb-preview-card{background:var(--dpb-surface-container-lowest);border:1px solid var(--dpb-outline-variant);border-radius:var(--dpb-radius-xl);padding:var(--dpb-space-2xl);box-shadow:var(--dpb-shadow-soft);margin-bottom:0;position:relative;overflow:hidden}.dpb-preview-card.is-editing{border-color:var(--dpb-primary-container);box-shadow:var(--dpb-shadow-elevated)}.dpb-preview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--dpb-primary-container)}.dpb-preview-card-header{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-label-md);font-weight:700;color:var(--dpb-primary);margin-bottom:var(--dpb-space-sm);display:flex;align-items:center;gap:var(--dpb-space-xs);justify-content:space-between;min-height:32px}.dpb-preview-card-body{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-body-lg);line-height:var(--dpb-lh-body-lg);color:var(--dpb-on-surface);white-space:pre-wrap;overflow-wrap:anywhere}.dpb-preview-icon-button{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--dpb-outline-variant);border-radius:50%;background:var(--dpb-surface-container-lowest);color:var(--dpb-on-surface-variant);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.dpb-preview-icon-button:hover:not(:disabled){background:var(--dpb-primary-fixed);border-color:var(--dpb-primary-container);color:var(--dpb-primary)}.dpb-preview-icon-button:disabled{opacity:.45;cursor:not-allowed}.dpb-preview-icon-button.is-confirm{background:var(--dpb-primary-container);border-color:var(--dpb-primary-container);color:var(--dpb-on-primary)}.dpb-preview-editor{display:grid;gap:var(--dpb-space-sm)}.dpb-preview-textarea{width:100%;min-height:108px;resize:vertical;padding:var(--dpb-space-md);border:1px solid var(--dpb-outline-variant);border-radius:var(--dpb-radius-md);background:var(--dpb-surface-container-lowest);color:var(--dpb-on-surface);font:inherit;font-size:var(--dpb-fs-body-lg);line-height:var(--dpb-lh-body-lg);letter-spacing:0;outline:none}.dpb-preview-textarea:focus{border-color:var(--dpb-primary-container);box-shadow:0 0 0 3px #ff8c6929}.dpb-preview-editor-footer{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:var(--dpb-space-sm);color:var(--dpb-on-surface-variant);font-size:var(--dpb-fs-label-sm)}.dpb-preview-editor-actions{display:flex;gap:var(--dpb-space-xs)}.dpb-preview-title-banner{text-align:center;background:var(--dpb-primary-fixed);border:1px solid var(--dpb-outline-variant);border-radius:var(--dpb-radius-xl);padding:var(--dpb-space-xl);margin-bottom:var(--dpb-space-2xl);box-shadow:var(--dpb-shadow-soft)}.dpb-preview-title{font-family:var(--dpb-font-display);font-size:22px;font-weight:700;color:var(--dpb-on-primary-fixed);margin-top:var(--dpb-space-xs)}.dpb-preview-meta{margin-top:var(--dpb-space-sm);color:var(--dpb-on-primary-fixed-variant);font-size:var(--dpb-fs-label-sm)}.dpb-preview-subtitle{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);color:var(--dpb-on-primary-fixed-variant);text-transform:uppercase;letter-spacing:var(--dpb-ls-label-sm)}.dpb-preview-actions{display:flex;flex-direction:column;gap:var(--dpb-space-md);margin-top:var(--dpb-space-2xl);width:100%}.dpb-preview-save-bar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--dpb-space-md);padding:var(--dpb-space-sm) var(--dpb-space-md);border:1px solid var(--dpb-outline-variant);border-radius:var(--dpb-radius-md);background:var(--dpb-primary-fixed);color:var(--dpb-on-primary-fixed-variant);font-size:var(--dpb-fs-label-md)}.dpb-preview-save-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--dpb-space-xs);padding:0 var(--dpb-space-lg);border:0;border-radius:var(--dpb-radius-full);background:var(--dpb-primary-container);color:var(--dpb-on-primary);font-family:var(--dpb-font-display);font-size:var(--dpb-fs-label-md);font-weight:700;cursor:pointer}.dpb-preview-save-button:disabled{opacity:.55;cursor:wait}.dpb-preview-reset-button{align-self:center;border:0;background:transparent;text-decoration:underline}@media (max-width: 520px){.dpb-preview-card{padding:var(--dpb-space-lg)}.dpb-preview-save-bar{align-items:stretch;flex-direction:column}.dpb-preview-save-button{width:100%}}.dpb-account-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:#3e2d1f94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dpb-account-card{width:min(100%,440px);max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-gutter:stable;padding:28px;border:1px solid #ffe0cf;border-radius:24px;background:#fffdf9;box-shadow:0 24px 70px #51301d47;color:#3e2d1f}.dpb-account-card h1,.dpb-account-card h2{margin:0 0 12px;text-align:center}.dpb-account-card label{display:grid;gap:7px;margin:14px 0;font-weight:700}.dpb-account-card input{box-sizing:border-box;width:100%;padding:13px 15px;border:1px solid #e8c9b7;border-radius:14px;background:#fff;color:#3e2d1f;font:inherit;font-size:17px;letter-spacing:.08em}.dpb-account-card input:focus{border-color:#ff8c69;outline:3px solid rgba(255,140,105,.18)}.dpb-account-icon{margin-bottom:8px;text-align:center;font-size:42px}.dpb-public-uid{display:block;margin:6px auto 14px;text-align:center;color:#d86643;font-size:34px;letter-spacing:.14em}.dpb-account-help,.dpb-account-warning{color:#756157;line-height:1.6}.dpb-account-warning{margin:14px 0 0;text-align:center;font-size:12px}.dpb-account-error{color:#b42318;font-size:14px}.dpb-account-primary,.dpb-account-secondary{width:100%;margin-top:10px;padding:13px 18px;border-radius:999px;font:inherit;font-weight:800;cursor:pointer}.dpb-account-primary{border:0;background:#ff8c69;color:#fff}.dpb-account-primary:disabled{cursor:wait;opacity:.65}.dpb-account-secondary{border:1px solid #e8c9b7;background:transparent;color:#694c3d}.dpb-account-badge{display:grid;margin-left:auto;padding:5px 11px;border-radius:12px;background:#fff1e9;color:#9b452c;text-align:center;font-weight:800;letter-spacing:.06em;border:0;cursor:pointer}.dpb-account-badge small{color:#80675a;font-size:10px;font-weight:600;letter-spacing:0}.dpb-account-card-actions{display:flex;gap:8px;margin:0 0 14px}.dpb-account-card-actions .dpb-account-secondary{flex:1;margin-top:0;padding:9px 10px;font-size:12px}.dpb-book-history{display:grid;gap:8px;margin-bottom:20px}.dpb-book-history-item{display:flex;align-items:stretch;gap:8px}.dpb-book-history-item>button:first-child{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #f0d8ca;border-radius:12px;background:#fff8f3;color:#4f382d;text-align:left;cursor:pointer}.dpb-book-history-item.is-deleting>button:first-child{opacity:.55}.dpb-book-history-item>button:first-child img{width:42px;height:54px;flex:0 0 auto;border-radius:6px;object-fit:cover;background:#ffeadd}.dpb-book-history-item>button:first-child span{display:grid;gap:3px;min-width:0}.dpb-book-history-delete{min-width:64px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid #f5b8b2;border-radius:10px;background:transparent;color:#a33b31;cursor:pointer}.dpb-book-history-delete:disabled{cursor:wait;opacity:.65}.dpb-account-loading{min-height:42px;display:flex;align-items:center;gap:8px}.dpb-loading-spinner{width:15px;height:15px;flex:0 0 15px;border:2px solid rgba(158,66,37,.22);border-top-color:var(--dpb-primary);border-radius:50%;animation:dpb-spin .75s linear infinite}@keyframes dpb-spin{to{transform:rotate(360deg)}}.dpb-book-history small{color:#876f62}.dpb-danger-zone{margin-top:16px;padding:12px;border:1px solid #f5b8b2;border-radius:12px;color:#8d261f}.dpb-danger-zone button{width:100%;margin-top:8px;padding:10px;border:0;border-radius:10px;background:#b42318;color:#fff;font-weight:800}.dpb-guardian-consent{display:flex;align-items:flex-start;gap:9px;max-width:620px;margin:4px auto 16px;color:#6d5549;font-size:13px;line-height:1.55}.dpb-guardian-consent input{flex:0 0 auto;margin-top:3px}.dpb-guardian-consent a{margin-left:3px;color:#c75c3b}.dpb-btn-next:disabled{cursor:not-allowed;opacity:.5}.dpb-ai-label{display:inline-flex;margin-top:6px;padding:4px 9px;border-radius:999px;background:#f2e7df;color:#70584b;font-size:11px;font-weight:700}.dpb-generation-notice{max-width:520px;margin:12px auto 0;padding:10px 14px;border:1px solid rgba(158,66,37,.18);border-radius:14px;background:#fff1e9e0;color:#705044;font-size:13px;font-weight:650;line-height:1.55;text-align:center}body{background:#f4f5f3;color:#202420;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}button,input,textarea{font:inherit;letter-spacing:0}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(24,112,78,.24);outline-offset:2px}.doudou-ops-login{display:grid;min-height:100vh;place-items:center;padding:24px;background:#202420}.doudou-ops-login-panel{width:min(100%,420px);padding:36px;border:1px solid #d9ddd7;border-radius:8px;background:#fff;box-shadow:0 20px 55px #00000038}.doudou-ops-login-mark{display:grid;width:48px;height:48px;margin-bottom:28px;place-items:center;border-radius:6px;background:#dfeee7;color:#176d4d}.doudou-ops-login-heading p,.doudou-ops-page-header p,.doudou-ops-modal-header p{margin:0 0 6px;color:#657068;font-size:11px;font-weight:700;letter-spacing:0}.doudou-ops-login-heading h1{margin:0;color:#202420;font-size:25px;line-height:1.3}.doudou-ops-login-form{display:grid;gap:12px;margin-top:30px}.doudou-ops-login-form label,.doudou-ops-batch-form label span{color:#38413a;font-size:13px;font-weight:650}.doudou-ops-secret-field{position:relative}.doudou-ops-secret-field input,.doudou-ops-batch-form input,.doudou-ops-campaign-form input,.doudou-ops-campaign-form select,.doudou-ops-codes-modal textarea{width:100%;border:1px solid #c7ccc6;border-radius:6px;background:#fff;color:#202420}.doudou-ops-secret-field input,.doudou-ops-batch-form input,.doudou-ops-campaign-form input,.doudou-ops-campaign-form select{min-height:44px;padding:10px 12px}.doudou-ops-secret-field input{padding-right:48px}.doudou-ops-secret-field .doudou-ops-icon-button{position:absolute;top:2px;right:2px}.doudou-ops-icon-button{display:inline-grid;width:40px;height:40px;padding:0;place-items:center;border:0;border-radius:6px;background:transparent;color:#59625b;cursor:pointer}.doudou-ops-icon-button:hover{background:#ecefeb;color:#202420}.doudou-ops-primary-button,.doudou-ops-secondary-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none}.doudou-ops-primary-button{border:1px solid #176d4d;background:#176d4d;color:#fff}.doudou-ops-primary-button:hover{border-color:#105a3e;background:#105a3e}.doudou-ops-secondary-button{border:1px solid #c7ccc6;background:#fff;color:#303832}.doudou-ops-secondary-button:hover{background:#ecefeb}.doudou-ops-primary-button:disabled,.doudou-ops-secondary-button:disabled,.doudou-ops-icon-button:disabled{cursor:not-allowed;opacity:.55}.doudou-ops-error{margin:0;color:#a42f2f;font-size:13px;line-height:1.5}.doudou-ops-loading{color:#e9ece8;font-size:14px}.doudou-ops-shell{display:grid;min-height:100vh;grid-template-columns:224px minmax(0,1fr);background:#f4f5f3}.doudou-ops-sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:24px 16px 18px;background:#202420;color:#fff}.doudou-ops-brand{display:grid;gap:2px;padding:0 10px 26px;color:inherit;text-decoration:none}.doudou-ops-brand span{color:#92cbb1;font-size:11px;font-weight:750}.doudou-ops-brand strong{font-size:18px}.doudou-ops-sidebar nav{display:grid;gap:4px}.doudou-ops-sidebar nav a,.doudou-ops-signout{display:flex;min-height:42px;align-items:center;gap:10px;padding:10px 11px;border:0;border-radius:6px;color:#d8ddd8;font-size:14px;text-decoration:none}.doudou-ops-sidebar nav a[aria-current=page]{background:#39413b;color:#fff}.doudou-ops-signout{width:100%;margin-top:auto;background:transparent;cursor:pointer}.doudou-ops-signout:hover,.doudou-ops-sidebar nav a:hover{background:#303631;color:#fff}.doudou-ops-main{min-width:0;padding:34px clamp(20px,4vw,56px) 56px}.doudou-ops-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 auto 28px;max-width:1240px}.doudou-ops-page-header h1{margin:0;color:#202420;font-size:27px;line-height:1.25}.doudou-ops-detail-header code{display:block;max-width:min(72vw,520px);margin-top:8px;overflow:hidden;color:#5e6860;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.doudou-ops-back-link{display:inline-flex;align-items:center;gap:7px;max-width:1240px;margin:0 auto 22px;color:#176d4d;font-size:13px;font-weight:700;text-decoration:none}.doudou-ops-back-link:hover,.doudou-ops-detail-link:hover{text-decoration:underline}.doudou-ops-toolbar{display:flex;gap:8px}.doudou-ops-metrics{display:grid;max-width:1240px;margin:0 auto 28px;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d6dbd5;border-radius:8px;background:#fff;overflow:hidden}.doudou-ops-metrics div{display:grid;gap:8px;min-width:0;padding:20px;border-right:1px solid #e0e4df}.doudou-ops-metrics div:last-child{border-right:0}.doudou-ops-metrics span{color:#697169;font-size:12px}.doudou-ops-metrics strong{color:#202420;font-size:25px;line-height:1}.doudou-ops-table-section{max-width:1240px;margin:0 auto}.doudou-ops-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.doudou-ops-section-heading h2{margin:0;font-size:17px}.doudou-ops-section-heading span{color:#737b74;font-size:12px}.doudou-ops-code-heading{align-items:flex-end}.doudou-ops-code-heading>div:first-child{display:grid;gap:4px}.doudou-ops-segments{display:inline-flex;max-width:100%;overflow-x:auto;border:1px solid #c7ccc6;border-radius:6px;background:#fff}.doudou-ops-segments button{min-height:36px;padding:7px 11px;border:0;border-right:1px solid #dce0db;background:transparent;color:#59625b;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.doudou-ops-segments button:last-child{border-right:0}.doudou-ops-segments button[aria-pressed=true]{background:#dfeee7;color:#105a3e}.doudou-ops-table-wrap{overflow-x:auto;border:1px solid #d6dbd5;border-radius:8px;background:#fff}.doudou-ops-table-wrap table{width:100%;min-width:920px;border-collapse:collapse;table-layout:fixed}.doudou-ops-table-wrap th,.doudou-ops-table-wrap td{padding:12px 14px;border-bottom:1px solid #e4e7e3;text-align:left;vertical-align:middle;white-space:nowrap}.doudou-ops-table-wrap th{background:#f0f2ef;color:#586159;font-size:12px;font-weight:700}.doudou-ops-table-wrap td{color:#303832;font-size:13px}.doudou-ops-table-wrap tbody tr:last-child td{border-bottom:0}.doudou-ops-table-wrap tbody tr:hover{background:#f8faf7}.doudou-ops-table-wrap code{display:block;max-width:180px;overflow:hidden;color:#176d4d;font-family:SFMono-Regular,Consolas,monospace;text-overflow:ellipsis}.doudou-ops-detail-link{color:#176d4d;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.doudou-ops-code-table table{min-width:1240px}.doudou-ops-code-table th:first-child,.doudou-ops-code-table td:first-child{width:210px}.doudou-ops-code-value{max-width:none!important;color:#202420!important;font-weight:700}.doudou-ops-unavailable{color:#8a625d;font-size:12px}.doudou-ops-status{display:inline-flex;min-height:24px;align-items:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:750}.doudou-ops-status--active{background:#dfeee7;color:#105a3e}.doudou-ops-status--redeemed{background:#e7edf4;color:#34526c}.doudou-ops-status--revoked,.doudou-ops-status--expired{background:#f3e7e5;color:#8d3831}.doudou-ops-empty{padding:48px 24px;color:#6a736b;text-align:center}.doudou-ops-page-error{margin-bottom:12px;padding:10px 12px;border:1px solid #e6c0be;border-radius:6px;background:#fff5f4}.doudou-ops-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#141815a3}.doudou-ops-modal{width:min(100%,520px);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:8px;background:#fff;box-shadow:0 24px 64px #0000004d}.doudou-ops-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #e0e4df}.doudou-ops-modal-header h2{margin:0;font-size:19px}.doudou-ops-batch-form{display:grid;gap:16px;padding:22px}.doudou-ops-batch-form label{display:grid;gap:7px}.doudou-ops-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.doudou-ops-callout{margin:20px 22px 12px;padding:10px 12px;border-left:3px solid #c4732e;background:#fff6e9;color:#6d461f;font-size:13px;line-height:1.5}.doudou-ops-history-callout{margin:0 0 12px}.doudou-ops-codes-modal textarea{display:block;min-height:220px;margin:0 22px;width:calc(100% - 44px);padding:12px;resize:vertical;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6}.doudou-ops-codes-modal .doudou-ops-modal-actions{padding:16px 22px 22px}.doudou-ops-metric-label{font-size:19px!important}.doudou-ops-campaign-section{max-width:1240px;margin:0 auto}.doudou-ops-campaign-loading{padding:56px 24px;border:1px solid #d6dbd5;border-radius:8px;background:#fff;color:#6a736b;text-align:center}.doudou-ops-campaign-form{display:grid;max-width:760px;gap:20px;padding:26px;border:1px solid #d6dbd5;border-radius:8px;background:#fff}.doudou-ops-campaign-form>label,.doudou-ops-campaign-dates label{display:grid;gap:7px}.doudou-ops-campaign-form label>span,.doudou-ops-campaign-form legend{color:#38413a;font-size:13px;font-weight:700}.doudou-ops-campaign-form small{color:#737b74;font-size:12px;line-height:1.5}.doudou-ops-campaign-form fieldset{margin:0;padding:0;border:0}.doudou-ops-campaign-form legend{margin-bottom:8px}.doudou-ops-radio-group{display:flex;flex-wrap:wrap;gap:8px}.doudou-ops-radio-group label{position:relative;cursor:pointer}.doudou-ops-radio-group input{position:absolute;width:1px;height:1px;opacity:0}.doudou-ops-radio-group span{display:inline-flex;min-height:38px;align-items:center;padding:8px 13px;border:1px solid #c7ccc6;border-radius:6px;background:#fff}.doudou-ops-radio-group input:checked+span{border-color:#176d4d;background:#dfeee7;color:#105a3e}.doudou-ops-radio-group input:focus-visible+span{outline:3px solid rgba(24,112,78,.24);outline-offset:2px}.doudou-ops-campaign-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.doudou-ops-campaign-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:4px}.doudou-ops-campaign-actions>span{display:inline-flex;align-items:center;gap:6px;color:#176d4d;font-size:13px;font-weight:700}@media (max-width: 760px){.doudou-ops-login{align-items:start;padding:20px 14px}.doudou-ops-login-panel{margin-top:8vh;padding:28px 22px}.doudou-ops-shell{grid-template-columns:minmax(0,1fr)}.doudou-ops-sidebar{position:static;height:auto;padding:14px 16px;flex-direction:row;align-items:center;gap:12px}.doudou-ops-brand{padding:0}.doudou-ops-brand span,.doudou-ops-sidebar nav{display:none}.doudou-ops-brand strong{font-size:16px}.doudou-ops-signout{width:auto;min-height:38px;margin:0 0 0 auto;padding:8px 10px}.doudou-ops-main{padding:24px 14px 40px}.doudou-ops-page-header{align-items:flex-start;flex-direction:column}.doudou-ops-code-heading{align-items:stretch;flex-direction:column}.doudou-ops-segments{width:100%}.doudou-ops-segments button{flex:1 0 auto}.doudou-ops-toolbar{width:100%}.doudou-ops-toolbar .doudou-ops-primary-button{flex:1}.doudou-ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.doudou-ops-metrics div:nth-child(2){border-right:0}.doudou-ops-metrics div:nth-child(-n+2){border-bottom:1px solid #e0e4df}.doudou-ops-modal-backdrop{align-items:end;padding:0}.doudou-ops-modal{width:100%;max-height:92vh;border-radius:8px 8px 0 0}.doudou-ops-campaign-form{padding:20px 16px}.doudou-ops-campaign-dates{grid-template-columns:minmax(0,1fr)}.doudou-ops-campaign-actions{align-items:stretch;flex-direction:column}}@media (max-width: 390px){.doudou-ops-signout{font-size:0}.doudou-ops-signout svg{width:19px;height:19px}.doudou-ops-metrics div{padding:16px}}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0}body{background:#fff8f5}.doudou-campaign{min-height:100vh;color:#34251f;background:#fff8f5;font-family:Be Vietnam Pro,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}.doudou-campaign button,.doudou-campaign input{font:inherit;letter-spacing:0}.doudou-campaign a:focus-visible,.doudou-campaign button:focus-visible,.doudou-campaign input:focus-visible{outline:3px solid rgba(158,66,37,.28);outline-offset:3px}.doudou-campaign__hero{position:relative;display:flex;min-height:min(68svh,680px);flex-direction:column;overflow:hidden;color:#fff;background:linear-gradient(90deg,#2d170fe6,#3e1f14ab 45%,#3e1f1429),url(/og-image-source.png) center 42% / cover no-repeat}.doudou-campaign__nav{position:relative;z-index:1;display:flex;width:min(100% - 40px,1120px);min-height:72px;align-items:center;justify-content:space-between;margin:0 auto}.doudou-campaign__nav a{color:#fff;font-size:14px;font-weight:750;text-decoration:none}.doudou-campaign__brand{display:inline-flex;align-items:center;gap:10px}.doudou-campaign__brand span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:#ff8c69;font-size:18px;font-weight:850}.doudou-campaign__hero-content{position:relative;z-index:1;display:flex;width:min(100% - 40px,1120px);max-width:1120px;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;margin:0 auto;padding:36px 0 72px}.doudou-campaign__hero-content>p:first-child{margin:0 0 14px;color:#ffd9cc;font-size:13px;font-weight:800}.doudou-campaign__hero h1{max-width:690px;margin:0;color:#fff;font-family:Plus Jakarta Sans,PingFang SC,sans-serif;font-size:56px;line-height:1.13;letter-spacing:0}.doudou-campaign__lead{max-width:580px;margin:22px 0 0;color:#fff0e9;font-size:17px;line-height:1.75}.doudou-campaign__hero-cta{display:inline-flex;min-height:48px;align-items:center;gap:9px;margin-top:30px;padding:11px 20px;border-radius:8px;background:#fff;color:#863b25;font-size:15px;font-weight:800;text-decoration:none}.doudou-campaign__claim{display:grid;width:min(100% - 40px,1040px);grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);gap:clamp(40px,7vw,92px);align-items:start;margin:0 auto;padding:80px 0 92px}.doudou-campaign__claim-intro{padding-top:22px}.doudou-campaign__claim-intro>p{margin:0 0 9px;color:#a0492f;font-size:13px;font-weight:800}.doudou-campaign__claim-intro h2{margin:0;color:#34251f;font-size:34px;line-height:1.3}.doudou-campaign__benefits{display:grid;gap:14px;margin-top:30px}.doudou-campaign__benefits span{display:flex;align-items:center;gap:11px;color:#644a40;font-size:15px;font-weight:700}.doudou-campaign__benefits svg{color:#b55538}.doudou-campaign__claim-panel{min-height:360px;padding:30px;border:1px solid #efd7cd;border-radius:8px;background:#fff;box-shadow:0 18px 50px #5a32221a}.doudou-campaign__loading,.doudou-campaign__inactive{display:grid;min-height:296px;place-content:center;margin:0;color:#795e53;text-align:center}.doudou-campaign__inactive svg{margin:0 auto 16px;color:#b55538}.doudou-campaign__inactive h2{margin:0 0 10px;color:#3c2b24;font-size:22px}.doudou-campaign__inactive p{max-width:340px;margin:0;color:#80675d;font-size:14px;line-height:1.7}.doudou-campaign__inventory{display:flex;align-items:baseline;gap:6px;margin-bottom:25px;color:#85695e;font-size:13px}.doudou-campaign__inventory strong{color:#a0492f;font-size:27px;line-height:1}.doudou-campaign__segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px;border:1px solid #e3c9be;border-radius:7px;overflow:hidden}.doudou-campaign__segments button{min-height:42px;border:0;background:#fffaf7;color:#7a5e53;cursor:pointer;font-size:13px;font-weight:750}.doudou-campaign__segments button+button{border-left:1px solid #e3c9be}.doudou-campaign__segments button[aria-pressed=true]{background:#f8ded4;color:#843923}.doudou-campaign__account form{display:grid;gap:15px}.doudou-campaign__account label{display:grid;gap:7px;color:#5e453b;font-size:13px;font-weight:700}.doudou-campaign__account input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #d7bbb0;border-radius:7px;background:#fff;color:#34251f}.doudou-campaign__uid,.doudou-campaign__current-account{display:grid;gap:6px}.doudou-campaign__uid span,.doudou-campaign__current-account>span{color:#83695e;font-size:12px}.doudou-campaign__uid strong,.doudou-campaign__current-account>strong{color:#3c2b24;font-family:SFMono-Regular,Consolas,monospace;font-size:23px;letter-spacing:0}.doudou-campaign__account-note{margin:2px 0 4px;color:#876d62;font-size:12px;line-height:1.65}.doudou-campaign__primary{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:9px;margin-top:4px;padding:11px 18px;border:1px solid #9e4225;border-radius:8px;background:#9e4225;color:#fff;cursor:pointer;font-weight:800;text-decoration:none}.doudou-campaign__primary:hover{border-color:#84351f;background:#84351f}.doudou-campaign__primary:disabled{cursor:wait;opacity:.65}.doudou-campaign__text-button{justify-self:start;margin-top:8px;padding:3px 0;border:0;background:transparent;color:#984128;cursor:pointer;font-size:13px;font-weight:750}.doudou-campaign__error{margin:0;color:#a42f2f;font-size:12px;line-height:1.55}.doudou-campaign__success{display:grid;min-height:296px;align-content:center;text-align:center}.doudou-campaign__success-icon{display:grid;width:48px;height:48px;place-items:center;margin:0 auto 13px;border-radius:50%;background:#e5f2e9;color:#27704b}.doudou-campaign__success>p:first-of-type{margin:0 0 4px;color:#27704b;font-size:12px;font-weight:800}.doudou-campaign__success h2{margin:0;color:#3c2b24;font-size:22px}.doudou-campaign__code{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center;margin:22px 0 8px;padding:8px 8px 8px 14px;border:1px dashed #ce9f8d;border-radius:7px;background:#fff8f5}.doudou-campaign__code code{min-width:0;overflow-wrap:anywhere;color:#71331f;font-family:SFMono-Regular,Consolas,monospace;font-size:17px;font-weight:800}.doudou-campaign__code button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:6px;background:#f2d8cd;color:#843923;cursor:pointer}.doudou-campaign__success .doudou-campaign__primary{margin-top:18px}.doudou-campaign__footer{display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100% - 1040px)/2));border-top:1px solid #ead6ce;background:#3d2a23;color:#f8e8e0;font-size:13px}.doudou-campaign__footer nav{display:flex;gap:20px}.doudou-campaign__footer a{color:#f8e8e0;text-decoration:none}@media (max-width: 760px){.doudou-campaign__hero{min-height:min(63svh,560px);background:linear-gradient(90deg,#2f1810db,#381c1261),url(/og-image-source.png) 58% center / cover no-repeat}.doudou-campaign__nav,.doudou-campaign__hero-content{width:calc(100% - 32px)}.doudou-campaign__nav{min-height:64px}.doudou-campaign__hero-content{padding:30px 0 48px}.doudou-campaign__hero h1{max-width:520px;font-size:38px}.doudou-campaign__lead{max-width:440px;font-size:15px}.doudou-campaign__claim{width:calc(100% - 28px);grid-template-columns:minmax(0,1fr);gap:28px;padding:48px 0 64px}.doudou-campaign__claim-intro{padding-top:0}.doudou-campaign__claim-intro h2{font-size:27px}.doudou-campaign__benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.doudou-campaign__benefits span{align-items:flex-start;font-size:13px}.doudou-campaign__claim-panel{min-height:340px;padding:24px 20px}}@media (max-width: 360px){.doudou-campaign__hero h1{font-size:33px}.doudou-campaign__nav>a:last-child{display:none}.doudou-campaign__claim-panel{padding-inline:16px}.doudou-campaign__code code{font-size:15px}.doudou-campaign__footer{align-items:flex-start;flex-direction:column}}.wechat-browser-gate{min-height:100vh;min-height:100dvh;box-sizing:border-box;display:grid;place-items:center;position:relative;overflow:hidden;padding:72px 20px 28px;background:linear-gradient(#ffffffc7,#fff8f5f0),url(/og-image-source.png) center 22% / cover no-repeat;color:#2c1e18;font-family:Be Vietnam Pro,PingFang SC,Microsoft YaHei,sans-serif}.wechat-browser-gate__menu-hint{position:absolute;top:max(14px,env(safe-area-inset-top));right:20px;display:flex;align-items:center;gap:8px;color:#8a3f29;font-size:13px;font-weight:700}.wechat-browser-gate__menu-hint strong{width:36px;height:36px;display:grid;place-items:center;font-size:26px;line-height:1;color:#fff;background:#9e4225;border-radius:50%;box-shadow:0 8px 24px #5b29183d}.wechat-browser-gate__panel{width:min(100%,460px);box-sizing:border-box;padding:28px 24px 24px;background:#fffffff5;border:1px solid rgba(172,103,78,.22);border-radius:8px;box-shadow:0 24px 70px #4e2d2229}.wechat-browser-gate__brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.wechat-browser-gate__brand span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ff8c69;color:#fff;font-size:18px;font-weight:800}.wechat-browser-gate__brand p{margin:0;color:#49332b;font-size:16px;font-weight:800}.wechat-browser-gate__eyebrow{margin:0 0 8px;color:#9e4225;font-size:12px;font-weight:800;text-transform:uppercase}.wechat-browser-gate h1{margin:0;color:#2c1e18;font-family:Plus Jakarta Sans,PingFang SC,sans-serif;font-size:30px;line-height:1.25;letter-spacing:0}.wechat-browser-gate__intro{margin:14px 0 22px;color:#6a5148;font-size:15px;line-height:1.75}.wechat-browser-gate__steps{display:grid;gap:12px;margin:0 0 22px;padding:0;list-style:none}.wechat-browser-gate__steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid #f0d9cf;border-radius:8px;background:#fffaf7}.wechat-browser-gate__steps li>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fbe3d8;color:#8a3f29;font-size:13px;font-weight:800}.wechat-browser-gate__steps strong{display:block;color:#382720;font-size:14px;line-height:1.5}.wechat-browser-gate__steps p{margin:3px 0 0;color:#80675e;font-size:12px;line-height:1.55}.wechat-browser-gate__copy{width:100%;min-height:48px;border:0;border-radius:8px;background:#9e4225;color:#fff;cursor:pointer;font:inherit;font-size:15px;font-weight:800;box-shadow:0 10px 24px #80382233}.wechat-browser-gate__copy:active{transform:translateY(1px)}.wechat-browser-gate__copy:focus-visible{outline:3px solid rgba(255,140,105,.45);outline-offset:3px}.wechat-browser-gate__copy-note{min-height:38px;margin:10px 4px 0;color:#80675e;font-size:12px;line-height:1.55;text-align:center}@media (max-width: 380px){.wechat-browser-gate{padding-inline:14px}.wechat-browser-gate__panel{padding:24px 18px 20px}.wechat-browser-gate h1{font-size:26px}}@media (min-width: 720px){.wechat-browser-gate__panel{padding:34px 32px 28px}}