.cfg-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:cfg-fadein .2s ease}@keyframes cfg-fadein{0%{opacity:0}to{opacity:1}}.cfg-modal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;padding:24px 28px;animation:cfg-slidein .25s ease}@keyframes cfg-slidein{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cfg-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.cfg-title{font-size:var(--type-card-title);font-weight:800;letter-spacing:-.5px;margin:0;color:var(--text-secondary)}.cfg-subtitle{font-size:var(--type-section);color:var(--text-primary);margin:0 0 4px;font-weight:700}.cfg-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-overlay);color:var(--text-muted);font-size:var(--type-body);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.cfg-close:hover{background:var(--bg-overlay-hover);color:var(--text-primary)}.cfg-section{margin-bottom:12px}.cfg-label{display:block;font-size:var(--type-caption);font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.cfg-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cfg-preset-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border-radius:12px;border:2px solid var(--border-subtle);background:var(--bg-overlay);color:var(--text-primary);cursor:pointer;transition:all .2s;font-family:inherit}.cfg-preset-btn:hover{border-color:var(--border-focus);background:var(--border-focus);transform:translateY(-2px)}.cfg-preset-emoji{font-size:var(--type-section)}.cfg-preset-label{font-size:var(--type-label);font-weight:700}.cfg-preset-desc{font-size:var(--type-caption);color:var(--text-muted);text-align:center;line-height:1.3}.cfg-mode-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cfg-mode-btn{padding:10px;border-radius:12px;border:2px solid var(--border-subtle);background:var(--bg-overlay);color:var(--text-secondary);font-size:var(--type-label);font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.cfg-mode-btn:not(:disabled):hover{border-color:var(--text-muted);color:var(--text-primary)}.cfg-mode-btn:disabled{cursor:not-allowed;opacity:.6}.cfg-mode-active{border-color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue) 15%,transparent);color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-blue) 15%,transparent)}.cfg-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:var(--bg-overlay);border:1px solid var(--border-subtle);margin-bottom:4px}.cfg-row-indent{margin-left:20px}.cfg-row-label{font-size:var(--type-label);font-weight:600;color:var(--text-secondary)}.cfg-select{padding:8px 12px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-overlay);color:var(--text-primary);font-size:var(--type-label);font-weight:600;font-family:inherit;cursor:pointer;outline:none}.cfg-select:focus{border-color:var(--primary)}.cfg-select option{background:var(--bg-surface);color:var(--text-primary)}.cfg-toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.cfg-toggle input{opacity:0;width:0;height:0}.cfg-toggle-slider{position:absolute;inset:0;border-radius:12px;background:var(--bg-overlay);transition:all .2s}.cfg-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--app-surface, #fff);top:3px;left:3px;transition:all .2s}.cfg-toggle input:checked+.cfg-toggle-slider{background:var(--primary)}.cfg-toggle input:checked+.cfg-toggle-slider:before{transform:translate(20px)}.cfg-radio-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cfg-radio-card{display:flex;flex-direction:column;padding:14px 16px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-overlay);cursor:pointer;transition:all .2s ease}.cfg-radio-card.active{border-color:var(--app-primary, #174D53);background:var(--app-accent-soft, #E8F3F1)}.cfg-radio-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.cfg-radio-title{font-size:var(--type-label);font-weight:600;color:var(--text-primary)}.cfg-radio-desc{font-size:var(--type-caption);color:var(--text-muted);margin-top:4px;line-height:1.4}.cfg-radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.cfg-radio-card.active .cfg-radio-circle{border-color:var(--app-primary, #174D53)}.cfg-radio-card.active .cfg-radio-circle:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--app-primary, #174D53)}.cfg-radio-content{margin-top:12px}.cfg-summary{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--brand-blue) 8%,transparent);border:1px solid var(--border-focus);font-size:var(--type-caption);font-weight:600;color:var(--text-secondary);flex-wrap:wrap;margin-bottom:14px}.cfg-summary span:nth-child(2n){color:var(--text-muted);font-size:var(--type-caption)}.cfg-actions{display:flex;gap:12px}@media(max-width:768px){.cfg-overlay{align-items:flex-end;padding:0}.cfg-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.cfg-close{min-width:44px;min-height:44px}.cfg-presets{grid-template-columns:1fr}}.cfg-date-picker{padding:8px 12px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-overlay);color:var(--text-primary);font-size:var(--type-label);font-weight:600;font-family:inherit;outline:none;transition:all .2s}.cfg-date-picker:hover{border-color:var(--border-focus);background:var(--bg-overlay-hover)}.cfg-date-picker:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--border-focus)}.hero-v3{display:flex;flex-direction:column;gap:20px;width:100%}.hero-v3__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hero-v3__card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;min-height:196px;border-radius:var(--radius-card, 16px);border:1px solid var(--app-border, #D8E2DB);background:var(--app-surface, #FFFFFF);color:var(--app-text, #172B30);cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 16px #172b300a}.hero-v3__card--manual{background-color:#eef6ff;background-image:linear-gradient(90deg,#f2f8fff5,#f2f8ffe0 48%,#f2f8ff00 76%),url(/imgs/banner/hero_create_bg.webp);background-size:cover;background-position:right center;background-repeat:no-repeat;border-color:var(--accent-mint-border, #BFDBFE)}.hero-v3__card--ai{background-color:#fff7f2;background-image:linear-gradient(90deg,#fffaf5f5,#fff8f2e0 48%,#fff8f200 76%),url(/imgs/banner/hero_ai_bg.webp);background-size:cover;background-position:right center;background-repeat:no-repeat;border-color:var(--accent-yellow-border, #F5DF9D)}[data-theme=dark] .hero-v3__card--manual{background-color:#132338;background-image:linear-gradient(90deg,#101d20f0,#101d20d1 52%,#101d2038),url(/imgs/banner/hero_create_bg.webp)}[data-theme=dark] .hero-v3__card--ai{background-color:#261b1a;background-image:linear-gradient(90deg,#101d20f0,#101d20d1 52%,#101d2038),url(/imgs/banner/hero_ai_bg.webp)}.hero-v3__card:hover{transform:none}.hero-v3__card--manual:hover{border-color:var(--accent-mint, #2D9D78)}.hero-v3__card--ai:hover{border-color:var(--accent-coral, #E86352)}.hero-v3__card:focus-visible{outline:2px solid var(--app-primary, #174D53);outline-offset:2px}.hero-v3__card-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;max-width:62%;flex:1;z-index:1}.hero-v3__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:8px;font-size:var(--type-caption, 12px);font-weight:700;line-height:1.4}.hero-v3__badge--manual{background:var(--app-accent-soft, #E8F3F1);color:var(--app-accent-text, #174D53);border:1px solid var(--accent-mint-border, #B6E6D4)}.hero-v3__badge--ai{background:var(--accent-coral-soft, #FFF0ED);color:#b83d2d;border:1px solid var(--accent-coral-border, #F8C6BE)}[data-theme=dark] .hero-v3__badge--ai{color:#f9b3a9}.hero-v3__title{margin:0;font-size:clamp(1.375rem,1.8vw,1.75rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--app-text, #172B30)}.hero-v3__desc{margin:0;font-size:var(--type-label, 14px);line-height:1.55;color:var(--app-text-secondary, #52656A);max-width:48ch}.hero-v3__cta-row{margin-top:6px}.hero-v3__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-control, 12px);font-size:var(--type-label, 14px);font-weight:700;line-height:1.3;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.hero-v3__cta--primary{background:var(--app-primary, #2563EB);color:var(--app-primary-text, #FFFFFF);border:2px solid transparent;box-shadow:none}.hero-v3__card:hover .hero-v3__cta--primary{background:var(--app-primary-hover, #1D4ED8)}.hero-v3__cta--ai{background:var(--app-ai, #C83E2B);color:#fff;border:2px solid transparent;box-shadow:none}.hero-v3__card:hover .hero-v3__cta--ai{background:var(--app-ai-hover, #A93222)}[data-theme=dark] .hero-v3__cta--ai{background:var(--app-ai, #C83E2B);color:#fff;border-color:transparent}.hero-v3__visual{flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-v3__icon-orb{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.hero-v3__visual--manual .hero-v3__icon-orb{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:var(--app-primary-text, #FFFFFF);box-shadow:0 8px 20px #2563eb38}.hero-v3__visual--ai .hero-v3__icon-orb{background:var(--app-ai, #C83E2B);color:#fff;box-shadow:0 8px 20px #e8635238}.hero-v3__card:hover .hero-v3__icon-orb{transform:none}.hero-v3__subjects-bar{position:relative;display:flex;align-items:center;background:transparent;border:none;padding:0;box-shadow:none}.hero-v3__subjects-bar:before,.hero-v3__subjects-bar:after{content:"";position:absolute;top:0;bottom:0;width:44px;z-index:4;pointer-events:none;opacity:0;transition:opacity .2s ease}.hero-v3__subjects-bar.can-scroll-left:before{left:0;background:linear-gradient(90deg,var(--app-page, #FFFDF4) 20%,transparent 100%);opacity:1}.hero-v3__subjects-bar.can-scroll-right:after{right:0;background:linear-gradient(270deg,var(--app-page, #FFFDF4) 20%,transparent 100%);opacity:1}.hero-v3__subjects-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:34px;height:34px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--app-text, #172B30);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.hero-v3__subjects-arrow:hover{background:transparent;border-color:transparent;color:var(--app-primary, #2563EB);transform:translateY(-50%) scale(1.06)}.hero-v3__subjects-arrow:active{transform:translateY(-50%) scale(.95)}.hero-v3__subjects-arrow--left{left:2px}.hero-v3__subjects-arrow--right{right:2px}.hero-v3__subjects-track{display:flex;align-items:center;gap:10px;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:2px 0;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-v3__subjects-track.is-dragging{cursor:grabbing}.hero-v3__subjects-track::-webkit-scrollbar{display:none}.hero-v3__subject-pill{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--radius-control, 12px);border:1px solid var(--app-border, #D8E2DB);background:var(--app-surface, #FFFFFF);color:var(--app-text, #172B30);box-shadow:0 1px 2px #172b300d;font-family:inherit;font-size:var(--type-label, 14px);font-weight:600;line-height:1.3;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.hero-v3__subject-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--app-accent-soft, #E8F3F1);color:var(--app-accent-text, #174D53)}.hero-v3__subject-pill[data-accent=coral] .hero-v3__subject-icon{background:var(--accent-coral-soft, #FFF0ED);color:var(--accent-coral, #E86352)}.hero-v3__subject-pill[data-accent=yellow] .hero-v3__subject-icon{background:var(--accent-yellow-soft, #FFF8E5);color:#b47b0f}[data-theme=dark] .hero-v3__subject-pill[data-accent=yellow] .hero-v3__subject-icon{color:var(--accent-yellow, #F4BE4F)}.hero-v3__subject-pill[data-accent=mint] .hero-v3__subject-icon{background:var(--accent-mint-soft, #E9F8F2);color:var(--accent-mint, #2D9D78)}.hero-v3__subject-pill[data-accent=cyan] .hero-v3__subject-icon{background:var(--accent-cyan-soft, #E8F6F9);color:var(--accent-cyan, #218FA3)}.hero-v3__subject-pill:hover{background:var(--app-surface-soft, #F5F2E6);border-color:var(--app-primary, #174D53);transform:none}.hero-v3__subject-pill.is-active{background:var(--app-primary, #174D53);color:var(--app-primary-text, #FFFFFF);border-color:var(--app-primary, #174D53)}.hero-v3__subject-pill.is-active .hero-v3__subject-icon{background:#fff3;color:currentColor}[data-theme=dark] .hero-v3__subject-pill.is-active .hero-v3__subject-icon{background:#101d2029}.hero-v3__subject-pill:focus-visible{outline:2px solid var(--app-primary, #174D53);outline-offset:2px}@media(max-width:1023px){.hero-v3{gap:16px}}@media(max-width:900px){.hero-v3__actions{grid-template-columns:minmax(0,1fr);gap:16px}.hero-v3__card{padding:20px}.hero-v3__icon-orb{width:56px;height:56px;border-radius:16px}}@media(max-width:640px){.hero-v3{gap:16px}.hero-v3__card{padding:18px 16px;min-height:186px;gap:14px}.hero-v3__card-body{max-width:66%}.hero-v3__title{font-size:1.25rem}.hero-v3__desc{font-size:.8125rem}.hero-v3__icon-orb{width:48px;height:48px;border-radius:14px}.hero-v3__subjects-bar{padding:0 38px}.hero-v3__subject-pill{padding:6px 12px;font-size:var(--type-caption, 12px)}.hero-v3__subject-icon{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.hero-v3__card,.hero-v3__cta,.hero-v3__icon-orb,.hero-v3__subject-pill{transition:none}.hero-v3__card:hover,.hero-v3__subject-pill:hover,.hero-v3__card:hover .hero-v3__icon-orb{transform:none}}.hero-v3{gap:24px}.hero-v3__subjects-bar{padding-bottom:14px;border-bottom:1px solid var(--app-border, #D8E2DB)}.hero-v3__subject-pill{box-shadow:none}.hero-v3__card{min-height:264px;padding:32px}.hero-v3__card-body{max-width:60%;gap:10px}.hero-v3__title{font-size:clamp(24px,2.4vw,32px)}.hero-v3__badge{padding:0;border:none;background:transparent}.hero-v3__badge--manual{color:var(--app-primary, #2563EB)}.hero-v3__badge--ai{color:var(--on-coral-soft, #8C2D1E)}.hero-v3__cta-row{margin-top:12px}@media(min-width:701px)and (max-width:900px){.hero-v3__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-v3__card{padding:24px}.hero-v3__card-body{max-width:78%}}@media(max-width:700px){.hero-v3{gap:16px}.hero-v3__card{min-height:200px;padding:20px}.hero-v3__card-body{max-width:68%;gap:8px}.hero-v3__title{font-size:22px}.hero-v3__desc{font-size:13px}.hero-v3__subjects-bar{padding-bottom:12px}.hero-v3__cta{padding:10px 14px}}@media(max-width:360px){.hero-v3__card-body{max-width:82%}}.hero-v3__subjects-track{align-items:stretch;gap:8px;padding:2px 0;scroll-snap-type:x proximity}.hero-v3__subject-pill{position:relative;flex:1 0 auto;flex-direction:column;justify-content:flex-start;gap:7px;min-width:88px;min-height:76px;padding:8px 12px 13px;border:none;border-radius:0;background:transparent;box-shadow:none;color:var(--app-text-secondary, #4E6166);font-size:13px;transition:color .15s ease;scroll-snap-align:start}.hero-v3__subject-pill:hover,.hero-v3__subject-pill.is-active{background:transparent;color:var(--app-primary, #2563EB);border:none;transform:none}.hero-v3__subject-pill:after{content:"";position:absolute;bottom:2px;left:12px;right:12px;height:3px;border-radius:2px;background:transparent}.hero-v3__subject-pill.is-active:after{background:var(--app-primary, #2563EB)}.hero-v3__subject-pill .hero-v3__subject-icon,.hero-v3__subject-pill.is-active .hero-v3__subject-icon{width:30px;height:30px;border-radius:0;background:transparent;color:var(--app-primary, #2563EB)}.hero-v3__subject-icon svg{width:27px;height:27px;stroke-width:1.75}.hero-v3__subject-pill[data-accent=coral] .hero-v3__subject-icon{color:var(--on-coral-soft, #8C2D1E)}.hero-v3__subject-pill[data-accent=yellow] .hero-v3__subject-icon{color:var(--on-yellow-soft, #78490A)}.hero-v3__subject-pill[data-accent=mint] .hero-v3__subject-icon{color:var(--on-mint-soft, #115E38)}.hero-v3__subject-pill[data-accent=cyan] .hero-v3__subject-icon{color:var(--on-cyan-soft, #0E5470)}.hero-v3__subject-pill:focus-visible{outline-offset:-2px;border-radius:6px}@media(max-width:640px){.hero-v3__subjects-track{gap:4px}.hero-v3__subject-pill{flex:0 0 auto;min-width:82px;padding:6px 10px 12px;min-height:72px}.hero-v3__subject-name{font-size:13px}}.hero-v3__subjects-track .hero-v3__subject-pill .hero-v3__subject-icon{background:transparent}@media(max-width:1023px){.hero-v3__subjects-bar{padding-inline:38px}}@media(min-width:1024px){.hero-v3__subjects-track{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:visible;gap:8px;cursor:default;scroll-snap-type:none}.hero-v3__subject-pill{min-width:0;width:100%;white-space:normal}.hero-v3__subject-name{text-align:center}.hero-v3__subjects-arrow,.hero-v3__subjects-bar:before,.hero-v3__subjects-bar:after{display:none}}.hero-v3__subsubjects{display:flex;gap:8px;flex-wrap:wrap;margin-top:-12px}.hero-v3__subsubjects button{border:0;border-radius:8px;background:var(--app-surface-soft);color:var(--app-text-secondary);padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.hero-v3__subsubjects button:hover,.hero-v3__subsubjects button.is-active{background:var(--app-primary-soft, #E8F1FF);color:var(--app-primary)}.hero-v3__subsubjects button:focus-visible{outline:2px solid var(--app-primary);outline-offset:2px}@media(min-width:1024px){.hero-v3__subjects-track{grid-template-columns:repeat(9,minmax(0,1fr))}}.hero-v3{gap:14px}.hero-v3__subjects-bar{padding-bottom:6px}.hero-v3__subject-pill{min-height:62px;gap:4px;padding-top:4px;padding-bottom:10px}.hero-v3__subject-icon svg{width:23px;height:23px}.hero-v3__actions{gap:14px}.hero-v3__card{min-height:142px;padding:14px 20px}.hero-v3__card-body{gap:4px;max-width:62%}.hero-v3__title{font-size:clamp(19px,1.45vw,22px);line-height:1.25}.hero-v3__desc{font-size:13px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-v3__cta-row{margin-top:4px}.hero-v3__cta{padding:7px 14px;font-size:13.5px}@media(max-width:700px){.hero-v3__card{min-height:132px;padding:12px 14px}.hero-v3__card-body{max-width:68%}.hero-v3__title{font-size:18px}.hero-v3__badge,.hero-v3__desc{font-size:13px}}@media(min-width:1024px){.hero-v3__subjects-track{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px}.hero-v3__subject-pill{flex:1 1 90px;width:auto;max-width:150px}}