:root{color-scheme:light;--color-bg: #fff3df;--color-surface: #fffaf1;--color-surface-2: #f9e6c9;--color-surface-3: #efc18a;--color-line: #fef1d1;--color-border: #ead0ad;--color-border-strong: #d9a66f;--color-text: #4a3522;--color-heading: #5c3317;--color-muted: #7f6f5f;--color-soft: #4a3522;--color-gpt: #367142;--color-banana: #d98a21;--color-danger: #b83e2f;--color-nav-on-dark: #fffdf5;--shadow-soft: 0 18px 48px rgba(124, 70, 28, .14);--shadow-card: 0 10px 26px rgba(136, 72, 24, .16);--shadow-elevated: 0 18px 38px rgba(126, 65, 18, .2), inset 0 1px 0 rgba(255, 255, 255, .58);--radius-md: 8px;--radius-sm: 6px;--content-max: 1440px;--page-gutter: clamp(72px, 8vw, 220px);--font-title-zh: "FZSongKeBenXiuKaiS-R-GB", "FZSongKeBen", "CangErJinKai", "STKaiti", "KaiTi", "Songti SC", serif;--font-title-en: "Cardo", "Kalam", Georgia, serif;--font-body: "Source Han Sans SC", "Noto Sans CJK SC", "Noto Sans SC", "Open Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ui: "Source Han Sans SC", "Noto Sans CJK SC", "Noto Sans SC", "Lato", "PingFang SC", "Microsoft YaHei", sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(90deg,#fff5e1f2,#ffebcbb8),radial-gradient(circle at 18% 18%,rgba(255,200,118,.42),transparent 24rem),linear-gradient(180deg,#fff7eb,#ffe9c9 48%,#fff8ec);color:var(--color-text)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;min-height:100vh}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(120deg,transparent 0 28%,rgba(254,241,209,.54) 28.1% 28.4%,transparent 28.5% 100%),linear-gradient(60deg,transparent 0 67%,rgba(254,241,209,.42) 67.1% 67.35%,transparent 67.5% 100%),radial-gradient(circle at 76% 22%,rgba(54,113,66,.1) 0 2px,transparent 2.5px),radial-gradient(circle at 80% 28%,rgba(54,113,66,.08) 0 2px,transparent 2.5px),radial-gradient(circle at 70% 32%,rgba(54,113,66,.08) 0 1.5px,transparent 2px),radial-gradient(circle at 50% 9%,rgba(255,176,79,.28),transparent 18rem),radial-gradient(circle at 12% 36%,rgba(255,222,166,.5),transparent 16rem)}.app-shell:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(254,241,209,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(254,241,209,.45) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,black,transparent 76%);mask-image:linear-gradient(180deg,black,transparent 76%);content:""}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-160%);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:10px 12px;background:var(--color-surface);color:var(--color-text);font-weight:800;transition:transform .16s ease}.skip-link:focus-visible{transform:translateY(0)}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(190px,auto) minmax(420px,1fr) minmax(240px,340px);gap:18px;align-items:center;width:min(var(--content-max),calc(100% - var(--page-gutter)));min-height:86px;margin:0 auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar:before{position:absolute;top:12px;right:-8px;bottom:12px;left:-8px;z-index:-1;border:1px solid rgba(234,208,173,.72);border-radius:28px;background:linear-gradient(180deg,#fffdf7eb,#fff6e7d1),#fffaf1e6;box-shadow:0 18px 42px #7a401624,inset 0 1px #ffffffc7;content:""}.brand,.search-box,.sort-select,.filter-section,.prompt-card,.prompt-dialog,.empty-state{border:1px solid var(--color-border);background:#fffaf1db;box-shadow:var(--shadow-soft)}.brand{display:inline-flex;align-items:center;gap:12px;min-height:58px;border:0;border-radius:0;padding:0 0 0 10px;background:transparent;box-shadow:none;color:var(--color-heading)}.brand-mark{position:relative;display:grid;width:54px;height:54px;overflow:hidden;border:1px solid rgba(211,151,78,.44);border-radius:18px;background:radial-gradient(circle at 50% 70%,rgba(255,203,82,.58),transparent 36%),linear-gradient(180deg,#7b4a35,#4d281c 58%,#24110d);color:#5c3317;place-items:center;box-shadow:0 8px 18px #894c1d33,inset 0 0 0 4px #ffdcae29,inset 0 1px #ffffff52}.brand-fire{position:absolute;top:7px;right:8px;bottom:6px;left:8px;border-radius:42% 42% 10px 10px;background:radial-gradient(circle at 50% 70%,rgba(255,202,76,.38),transparent 45%),linear-gradient(180deg,#3e1c141a,#23100c47)}.brand-fire:after{position:absolute;inset:auto 8px 5px;height:12px;border-radius:999px;background:#ffd25bb8;filter:blur(9px);content:""}.brand-flame{position:absolute;bottom:10px;left:50%;width:13px;height:26px;border-radius:52% 48% 50% 50%;transform-origin:50% 100%;filter:drop-shadow(0 0 9px rgba(255,157,42,.58));animation:flameDance 2.8s ease-in-out infinite}.brand-flame-back{margin-left:-17px;background:linear-gradient(180deg,#ffe68b,#ff9a2f 58%,#ba3a1cb3);transform:rotate(-18deg) scale(.86)}.brand-flame-mid{margin-left:-5px;height:32px;background:linear-gradient(180deg,#fff7b0,#ffb23d 52%,#c94d24)}.brand-flame-front{margin-left:8px;height:22px;background:linear-gradient(180deg,#fff0a0,#ff8f2b 60%,#b13418c2);transform:rotate(16deg) scale(.8);animation-delay:-.8s}.brand-log{position:absolute;bottom:8px;left:50%;width:30px;height:5px;border-radius:999px;background:linear-gradient(90deg,#7f3f20,#32150f)}.brand-log-one{transform:translate(-54%) rotate(10deg)}.brand-log-two{transform:translate(-42%) rotate(-10deg)}.brand-text{display:grid;gap:2px;line-height:1}.brand-kicker{color:var(--color-text);font-family:var(--font-title-en),var(--font-ui);font-size:13px;font-weight:800}.brand-text strong{color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:23px;font-weight:900}.main-nav{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;padding:0 16px;color:var(--color-heading);font-family:var(--font-ui);font-size:15px;font-weight:900;white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.main-nav a:hover,.main-nav a.active{background:#ffe0a8ad;color:#7b421d;box-shadow:0 10px 20px #cd7e2f29,inset 0 1px #ffffffb3}.nav-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;border-radius:999px;padding:0 16px;background:transparent;color:var(--color-heading);font-family:var(--font-ui);font-size:15px;font-weight:900;white-space:nowrap}.nav-link-button:hover{background:#ffe0a8ad;color:#7b421d;box-shadow:0 10px 20px #cd7e2f29,inset 0 1px #ffffffb3}.icon-button,.copy-button,.secondary-action,.close-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.icon-button,.copy-button,.secondary-action,.close-button,.filter-chip,.dialog-tabs button,.sort-select,.search-box input{font-family:var(--font-ui)}.topbar-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.login-button,.user-trigger,.user-dropdown button,.auth-submit,.google-auth-button,.auth-mode-switch{font-family:var(--font-ui)}.login-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(183,117,55,.58);border-radius:999px;padding:0 16px;background:#fffdf7c7;color:var(--color-heading);font-weight:900;white-space:nowrap;box-shadow:inset 0 1px #ffffffbd}.login-button:hover,.user-trigger:hover,.user-trigger[aria-expanded=true],.user-dropdown button:hover{background:#ffe0a8b8;color:#7b421d}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:9px;min-width:0;min-height:46px;border:1px solid rgba(224,193,157,.76);border-radius:999px;padding:4px 5px 4px 4px;background:#fffdf7d1;color:var(--color-heading);font-weight:900;cursor:pointer;box-shadow:inset 0 1px #ffffffc2,0 8px 20px #894c1d1a}.user-avatar{flex:0 0 auto;display:grid;width:38px;height:38px;overflow:hidden;border-radius:50%;background:linear-gradient(180deg,#dd9b45,#b86724);color:var(--color-nav-on-dark);font-size:15px;place-items:center}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{max-width:74px;min-width:0;overflow:hidden;color:var(--color-heading);font-size:14px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.user-trigger svg{flex:0 0 auto;color:#9a8069}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:220px;overflow:hidden;border:1px solid rgba(224,193,157,.82);border-radius:18px;background:linear-gradient(180deg,#fffdf7fa,#fff6e7f5),var(--color-surface);box-shadow:0 18px 42px #4e23122e,inset 0 1px #ffffffc7}.user-dropdown:before{position:absolute;top:-6px;right:24px;width:12px;height:12px;border-top:1px solid rgba(224,193,157,.82);border-left:1px solid rgba(224,193,157,.82);background:#fffdf7fa;content:"";transform:rotate(45deg)}.user-dropdown-header{display:grid;gap:5px;border-bottom:1px solid rgba(224,193,157,.64);padding:14px 15px 12px}.user-dropdown-header strong{color:var(--color-heading);font-size:14px;line-height:1.2}.user-dropdown-header span{overflow:hidden;color:var(--color-muted);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.user-dropdown button{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;border:0;padding:0 15px;background:transparent;color:#9f3d28;font-size:14px;font-weight:900;text-align:left}.copy-button,.secondary-action{gap:6px;min-height:38px;border:1px solid var(--color-border-strong);padding:0 10px;color:var(--color-text);font-size:14px;font-weight:800;line-height:1.15;white-space:nowrap}.copy-button{background:linear-gradient(180deg,#4f8b59,#367142);color:var(--color-nav-on-dark);border-color:#367142}.secondary-action{background:#fff6e7e6}.auth-backdrop{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;padding:24px;background:radial-gradient(circle at 50% 12%,rgba(255,222,160,.28),transparent 22rem),#2f1c126b;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-dialog{position:relative;width:min(480px,100%);border:1px solid rgba(234,208,173,.86);border-radius:26px;padding:30px;background:linear-gradient(180deg,#fffdf7fa,#fff6e7f5),var(--color-surface);box-shadow:0 24px 70px #4e231247,inset 0 1px #fffc}.auth-close{position:absolute;top:16px;right:16px;display:grid;width:36px;height:36px;border:1px solid var(--color-border);border-radius:50%;background:#fffdf7d1;color:var(--color-muted);place-items:center}.auth-dialog h2{margin:10px 0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:32px;line-height:1.22}.auth-copy{margin:0 0 22px;color:var(--color-muted);line-height:1.75}.google-auth-button,.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border-radius:999px;font-weight:900}.google-auth-button{border:1px solid rgba(183,117,55,.52);background:#fffdf7cc;color:var(--color-heading);box-shadow:inset 0 1px #ffffffb8}.google-auth-button span{display:grid;width:26px;height:26px;border-radius:50%;background:#fff;color:#367142;place-items:center;box-shadow:0 3px 9px #894c1d1f}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:18px 0;color:#9a8069;font-size:13px;font-weight:900}.auth-divider:before,.auth-divider:after{height:1px;background:var(--color-border);content:""}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:var(--color-heading);font-weight:900}.auth-form input{width:100%;border:1px solid rgba(224,193,157,.86);border-radius:16px;padding:13px 14px;background:#fffdf7db;color:var(--color-text);font:inherit;font-weight:800;outline:0}.auth-form input::placeholder{color:#a68b75}.auth-error{margin:0;border:1px solid rgba(190,70,48,.24);border-radius:14px;padding:10px 12px;background:#ffeee6c7;color:#9f3d28;font-weight:900;line-height:1.5}.auth-submit{border:1px solid #b64e31;background:linear-gradient(180deg,#c75b3d,#a93f28);color:var(--color-nav-on-dark);box-shadow:0 12px 24px #a93f2838,inset 0 1px #ffffff47}.auth-submit:disabled{cursor:wait;opacity:.72}.auth-mode-switch{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin-top:14px;border:0;background:transparent;color:var(--color-gpt);font-weight:900}.collections-backdrop{position:fixed;z-index:92;top:0;right:0;bottom:0;left:0;display:grid;padding:24px;background:radial-gradient(circle at 50% 12%,rgba(255,222,160,.22),transparent 22rem),#2f1c1261;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.collections-dialog{width:min(760px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;border:1px solid rgba(234,208,173,.86);border-radius:26px;padding:22px;background:linear-gradient(180deg,#fffdf7fa,#fff6e7f5),var(--color-surface);box-shadow:0 24px 70px #4e231247,inset 0 1px #fffc}.collections-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:14px}.collections-heading h2{margin:8px 0 0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:30px}.collections-heading button{display:grid;width:38px;height:38px;border:1px solid var(--color-border);border-radius:50%;background:#fffdf7d1;color:var(--color-muted);place-items:center}.collections-list{display:grid;gap:12px}.collection-item{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;background:#fffaf1e0;text-align:left;box-shadow:var(--shadow-card)}.collection-thumb{overflow:hidden;min-height:112px;border-radius:14px;background:#ffeccac7}.collection-thumb img{width:100%;height:100%;object-fit:cover}.collection-body{display:grid;gap:7px;align-content:center;min-width:0}.collection-meta{color:var(--color-gpt);font-family:var(--font-ui);font-size:12px;font-weight:900}.collection-body strong{color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:20px}.collection-body>span:not(.collection-meta):not(.collection-stats){display:-webkit-box;overflow:hidden;color:var(--color-muted);line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.collection-stats{display:flex;flex-wrap:wrap;gap:10px;color:var(--color-muted)}.collection-stats em{display:inline-flex;gap:4px;align-items:center;font-style:normal}.collections-empty,.collections-state,.collections-error{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:22px;background:#fffaf1e0;color:var(--color-muted);text-align:center}.collections-empty{display:grid;gap:8px;place-items:center}.collections-empty h3{margin:0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en)}.collections-error{border-color:#be46303d;background:#ffeee6c7;color:#9f3d28;font-weight:900}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,.78fr);gap:42px;align-items:center;width:min(var(--content-max),calc(100% - var(--page-gutter)));min-height:500px;margin:10px auto 26px;overflow:hidden;border:1px solid rgba(234,208,173,.74);border-radius:34px;padding:62px 56px;background:radial-gradient(circle at 16% 26%,rgba(255,255,255,.84) 0 2px,transparent 2.4px),radial-gradient(circle at 28% 52%,rgba(255,255,255,.56) 0 2px,transparent 2.4px),radial-gradient(circle at 42% 22%,rgba(255,255,255,.62) 0 2px,transparent 2.4px),linear-gradient(100deg,#ffeccafa,#fff5e5e0 54%,#f3c68fc2),var(--color-surface);box-shadow:0 24px 62px #894c1d29,inset 0 1px #ffffffbd}.hero:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 10% 72%,rgba(255,255,255,.32),transparent 6rem),radial-gradient(circle at 72% 38%,rgba(255,181,71,.2),transparent 15rem);content:""}.hero:after{position:absolute;left:4%;bottom:-58px;width:min(520px,42vw);height:180px;border-radius:50%;background:radial-gradient(circle at 47% 48%,rgba(255,248,197,.7),transparent 12%),radial-gradient(circle at 53% 42%,rgba(255,183,75,.56),transparent 34%),radial-gradient(circle at 50% 58%,rgba(176,71,28,.22),transparent 62%);filter:blur(5px);content:"";animation:hearthPulse 5.5s ease-in-out infinite}.hero-copy,.hero-kaleidoscope{position:relative;z-index:1}.hero-copy-inner{display:block}.eyebrow,.dialog-kicker{margin:0;color:var(--color-gpt);font-family:var(--font-title-en),var(--font-title-zh);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:760px;margin:16px 0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:clamp(38px,5vw,64px);font-weight:900;line-height:1.12;letter-spacing:0}.hero-description{max-width:720px;margin:0;color:var(--color-muted);font-size:17px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:999px;padding:0 24px;font-family:var(--font-ui);font-weight:900}.hero-primary{border:1px solid #b64e31;background:linear-gradient(180deg,#c75b3d,#a93f28);color:var(--color-nav-on-dark);box-shadow:0 12px 24px #a93f2842,inset 0 1px #ffffff47}.hero-secondary{border:1px solid rgba(183,117,55,.58);background:#fffdf7b8;color:var(--color-heading);box-shadow:inset 0 1px #ffffffbd}.hero-note{margin:18px 0 0;color:#8f6f55;font-size:14px;line-height:1.7}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff2a8;box-shadow:0 0 12px #ffde7dc2;animation:sparkFloat 4.2s ease-in-out infinite}.hero-kaleidoscope{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));grid-auto-rows:138px;gap:18px;align-items:center;min-height:430px;padding:18px 10px 18px 0;transform:rotate(-1deg)}.kaleido-card{position:relative;overflow:hidden;margin:0;border:1px solid rgba(255,239,213,.78);border-radius:16px;background:var(--color-surface);box-shadow:0 24px 52px #4e231238,inset 0 1px #ffffffb3;animation:kaleidoFloat 7s ease-in-out infinite}.kaleido-card img{width:100%;height:100%;object-fit:cover;filter:saturate(1.03) sepia(.08)}.kaleido-card--placeholder{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 45%,transparent 62%),linear-gradient(135deg,#fffaeeeb,#efd0a7d1);background-size:220% 100%,100% 100%;animation:kaleidoFloat 7s ease-in-out infinite,warmSkeleton 1.35s ease-in-out infinite}.kaleido-card--placeholder:after{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(122,78,45,.12);border-radius:12px;content:""}.kaleido-card figcaption{position:absolute;left:12px;bottom:12px;border-radius:999px;padding:7px 10px;background:#3f2316b8;color:var(--color-nav-on-dark);font-family:var(--font-ui);font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kaleido-card-1{z-index:4;grid-column:2 / 4;grid-row:1 / 2;width:100%;height:150px;transform:rotate(3deg)}.kaleido-card-2{z-index:5;grid-column:1 / 2;grid-row:2 / 4;width:100%;height:300px;transform:translateY(-12px) rotate(-4deg);animation-delay:-1.2s}.kaleido-card-3{z-index:6;grid-column:2 / 3;grid-row:2 / 4;width:100%;height:290px;transform:translateY(8px) rotate(3deg);animation-delay:-2.1s}.kaleido-card-4{z-index:3;grid-column:1 / 2;grid-row:1 / 2;width:100%;height:132px;transform:translateY(18px) rotate(-3deg);animation-delay:-3s}.kaleido-card-5{z-index:5;grid-column:3 / 4;grid-row:2 / 3;width:100%;height:150px;transform:translateY(-8px) rotate(4deg);animation-delay:-1.8s}.kaleido-card-6{z-index:4;grid-column:3 / 4;grid-row:3 / 4;width:100%;height:150px;transform:translateY(8px) rotate(-3deg);animation-delay:-2.8s}.spark-one{top:24%;left:28%}.spark-two{top:18%;right:26%;animation-delay:-1.4s}.spark-three{top:42%;right:18%;animation-delay:-2.2s}.filter-section{width:min(var(--content-max),calc(100% - var(--page-gutter)));margin:0 auto 24px;border-radius:var(--radius-md);padding:16px;scroll-margin-top:92px}.search-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px}.search-box,.sort-select{display:flex;align-items:center;min-height:48px;border-radius:var(--radius-md);padding:0 12px}.search-box{gap:10px}.search-box svg{color:var(--color-gpt);flex:0 0 auto}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text)}.search-box input::placeholder{color:#a48364}.sort-select{justify-content:space-between;gap:10px}.sort-select span{color:var(--color-muted);font-size:13px;font-weight:800}.sort-select select{min-width:92px;border:0;outline:0;background:transparent;color:var(--color-text);font-weight:800}.filter-groups{display:grid;gap:14px;margin-top:16px}.filter-group{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:start}.filter-group strong{min-height:34px;display:inline-flex;align-items:center;color:var(--color-soft);font-size:13px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{min-height:34px;border:1px solid var(--color-border);border-radius:999px;padding:0 12px;background:#fff6e7c7;color:var(--color-muted);font-weight:800}.filter-chip[aria-pressed=true]{border-color:#3671429e;background:linear-gradient(180deg,#4f8b59,#367142);color:var(--color-nav-on-dark);box-shadow:0 8px 18px #36714233}.filter-chip:hover,.dialog-tabs button:hover{border-color:#3671426b;background:#ffe8c6eb;color:var(--color-text)}.prompt-card,.task-card,.filter-section,.lab-panel,.weekly-star,.voice-card,.detail-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.prompt-card:hover,.task-card:hover,.weekly-star:hover,.voice-card:hover,.detail-card:hover{z-index:2;transform:translateY(-3px);border-color:#36714257;box-shadow:var(--shadow-elevated)}.result-count{margin:14px 0 0;color:var(--color-muted);font-size:14px}.result-count strong{color:var(--color-text)}.gallery-section{width:min(var(--content-max),calc(100% - var(--page-gutter)));margin:0 auto;padding-bottom:80px;scroll-margin-top:92px}.task-section{width:min(var(--content-max),calc(100% - var(--page-gutter)));margin:0 auto 24px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:14px}.section-heading h2{margin:8px 0 0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:26px;font-weight:800;line-height:1.2}.section-lede{max-width:720px;margin:8px 0 0;color:var(--color-muted);font-size:15px;line-height:1.7}.task-scroller{display:grid;grid-template-columns:repeat(14,minmax(180px,1fr));gap:12px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.task-scroller::-webkit-scrollbar{display:none}.task-card{position:relative;min-width:180px;height:260px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;background:var(--color-surface);color:inherit;text-align:left;box-shadow:var(--shadow-card),inset 0 0 0 1px #ffffff61}.task-card:before{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:1;border:1px solid rgba(254,241,209,.6);border-radius:var(--radius-sm);background:linear-gradient(110deg,transparent 0 38%,rgba(254,241,209,.34) 38.5% 39%,transparent 39.5%),radial-gradient(circle at 84% 18%,rgba(255,232,155,.72),transparent 18px);opacity:0;content:"";transition:opacity .18s ease}.task-card:hover:before,.task-card[aria-pressed=true]:before{opacity:1}.task-card img{width:100%;height:100%;object-fit:cover;opacity:.9;filter:saturate(1.08) sepia(.12) contrast(1.02)}.task-card--placeholder{display:block;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 45%,transparent 62%),linear-gradient(135deg,#fffaeeeb,#efd0a7d1);background-size:220% 100%,100% 100%;animation:warmSkeleton 1.35s ease-in-out infinite}.task-card--placeholder:after{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(122,78,45,.12);border-radius:var(--radius-sm);content:""}.task-card[aria-pressed=true]{border-color:#367142d1;box-shadow:0 0 0 2px #36714233,0 16px 34px #8f421842}.task-card[aria-pressed=true] img{opacity:.9}.task-overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:end;gap:7px;padding:14px;background:linear-gradient(180deg,transparent 0%,rgba(84,38,16,.2) 34%,rgba(75,31,12,.92) 100%)}.task-overlay span,.task-overlay em{color:#fffdf5eb;font-family:var(--font-ui);font-size:12px;font-style:normal;font-weight:900;text-shadow:0 1px 8px rgba(51,21,8,.42)}.task-overlay strong{color:var(--color-nav-on-dark);font-family:var(--font-title-zh),var(--font-title-en);font-size:18px;text-shadow:0 1px 10px rgba(51,21,8,.38);transition:text-shadow .18s ease}.task-card:hover .task-overlay strong{text-shadow:0 0 11px rgba(255,232,155,.58),0 1px 10px rgba(51,21,8,.38)}.task-examples{display:-webkit-box;overflow:hidden;color:#fffdf5e6;font-family:var(--font-ui);font-size:12px;font-weight:750;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gallery-grid{column-count:3;column-gap:16px}.prompt-card{display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-card);scroll-margin-top:110px;break-inside:avoid;margin:0 0 16px}.card-image-button{width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:left}.image-frame{position:relative;display:block;overflow:hidden;border-bottom:1px solid rgba(234,208,173,.72);background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.72),transparent 22rem),linear-gradient(135deg,#f1d6b2,#fff7ec 56%,#efd0a4);aspect-ratio:4 / 5}.image-frame--landscape{aspect-ratio:16 / 10}.image-frame--square{aspect-ratio:1 / 1}.image-frame--portrait{aspect-ratio:4 / 5}.image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:18px;color:var(--color-muted);text-align:center}.image-frame--failed img{display:none}.image-frame--failed .image-fallback{display:flex}.image-frame img{width:100%;height:100%;object-fit:contain;transition:transform .18s ease}.image-frame--portrait img{object-fit:cover}.card-image-button:hover img,.card-image-button:focus-visible img{transform:scale(1.025)}.platform-stack{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:6px}.platform-badge{display:inline-flex;align-items:center;min-height:26px;border:1px solid currentColor;border-radius:999px;padding:0 8px;background:#fff8ebe6;font-family:var(--font-ui);font-size:12px;font-weight:900;white-space:nowrap}.platform-badge--gpt-image2{color:var(--color-gpt)}.platform-badge--nano-banana{color:var(--color-banana)}.platform-badge.missing{color:var(--color-muted);opacity:.82}.card-body{padding:16px}.card-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--color-gpt);font-family:var(--font-ui);font-size:12px;font-weight:900}.prompt-card h2{margin:10px 0 8px;color:var(--color-text);font-family:var(--font-ui);font-size:20px;font-weight:900;line-height:1.25}.prompt-card p{display:-webkit-box;min-height:66px;margin:0;overflow:hidden;color:var(--color-muted);font-family:var(--font-body);line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tag-row{display:flex;flex-wrap:wrap;gap:7px}.card-body .tag-row{margin-top:14px}.tag-row span{border-radius:999px;padding:5px 8px;background:#f2cd9b6b;color:var(--color-soft);font-family:var(--font-ui);font-size:12px;font-weight:750}.card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.card-title-button{display:block;width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:left}.card-title-button:hover h2{color:var(--color-gpt)}.card-actions button{min-width:0}.card-actions svg{flex:0 0 auto}.copy-button:hover,.secondary-action:hover,.icon-button:hover{border-color:#367142b8;background:#3671421f}.section-badge{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid rgba(54,113,66,.22);border-radius:999px;padding:0 12px;background:#36714214;color:var(--color-gpt);font-family:var(--font-ui);font-size:13px;font-weight:900}.inspiration-lab,.community-wall,.about-section,.detail-page{width:min(var(--content-max),calc(100% - var(--page-gutter)));margin:0 auto 24px}.about-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,.8fr);gap:22px;align-items:stretch;scroll-margin-top:96px}.about-copy,.about-principles article{border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#fffdf5f0,#ffeac6c2),var(--color-surface);box-shadow:var(--shadow-soft)}.about-copy{padding:28px}.about-copy h2{max-width:780px;margin:10px 0 16px;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:clamp(28px,3vw,40px);line-height:1.28}.about-copy p{margin:0;color:var(--color-muted);font-size:16px;line-height:1.86}.about-copy p+p{margin-top:14px}.about-principles{display:grid;gap:12px}.about-principles article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px 12px;align-items:start;padding:18px}.about-principles article>span{display:grid;width:42px;height:42px;border:1px solid rgba(54,113,66,.2);border-radius:14px;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.82),transparent 58%),#3671421f;color:var(--color-gpt);place-items:center}.about-principles h3{margin:0;color:var(--color-heading);font-family:var(--font-ui);font-size:17px;line-height:1.35}.about-principles p{grid-column:2;margin:-2px 0 0;color:var(--color-muted);line-height:1.68}.lab-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;background:linear-gradient(135deg,#fffdf5f0,#ffeac6db),var(--color-surface);box-shadow:var(--shadow-soft)}.lab-controls{display:grid;gap:10px}.lab-controls label{display:grid;gap:6px;min-width:0}.lab-controls span{color:var(--color-muted);font-family:var(--font-ui);font-size:12px;font-weight:900}.lab-controls select{width:100%;min-height:42px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 10px;background:#fffdf5db;color:var(--color-text);font-family:var(--font-ui);font-weight:800}.lab-output{position:relative;overflow:hidden;border:1px solid rgba(54,113,66,.22);border-radius:var(--radius-md);padding:16px;background:linear-gradient(120deg,rgba(254,241,209,.42),transparent 38%),#fffaf1d1}.lab-output:after{position:absolute;right:-42px;bottom:-42px;width:130px;height:130px;border:1px solid rgba(54,113,66,.16);border-radius:50%;content:""}.lab-output-heading{display:flex;gap:8px;align-items:center;color:var(--color-gpt);font-family:var(--font-ui)}.lab-output p{margin:12px 0 0;color:var(--color-muted);line-height:1.72}.warm-loading{display:flex;align-items:center;justify-content:center;gap:10px;width:min(var(--content-max),calc(100% - var(--page-gutter)));margin:-6px auto 18px;color:var(--color-gpt);font-family:var(--font-ui);font-size:14px;font-weight:900}.warm-loading-bulb{width:20px;height:20px;border:2px solid #c78433;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 42%,#fff6b8,#e59638 62%,#8f4a21);box-shadow:0 0 18px #e596389e;animation:bulbGlow .9s ease-in-out infinite alternate}.api-notice,.detail-state{width:min(var(--content-max),calc(100% - var(--page-gutter)));border:1px solid rgba(217,166,111,.68);border-radius:var(--radius-md);background:linear-gradient(180deg,#fffdf7f0,#fff4e0db),var(--color-surface);box-shadow:var(--shadow-soft)}.api-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 auto 22px;padding:12px 14px;color:var(--color-muted);font-weight:900}.api-notice button,.detail-state-actions button{min-height:38px;border:1px solid rgba(92,51,23,.2);border-radius:var(--radius-sm);padding:0 14px;background:#5c3317;color:var(--color-nav-on-dark);font-family:var(--font-ui);font-weight:900;box-shadow:0 10px 20px #5c331724}.detail-state{display:grid;gap:14px;min-height:46vh;margin:28px auto 76px;padding:28px;align-content:center}.detail-state .back-button{justify-self:start}.detail-state .warm-loading{justify-content:flex-start;width:auto;margin:0}.detail-state h1{max-width:760px;margin:0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:clamp(30px,4vw,48px);line-height:1.16}.detail-state p:not(.eyebrow){max-width:680px;margin:0;color:var(--color-muted);line-height:1.72}.detail-state-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.detail-state-actions button+button,.api-notice button{background:#fffaf1eb;color:var(--color-heading)}.weekly-star{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffaf1e0;box-shadow:var(--shadow-soft)}.weekly-star img{width:100%;height:100%;min-height:240px;object-fit:cover}.weekly-star div{align-self:center;padding:20px 20px 20px 0}.weekly-star h3,.detail-copy h1{margin:10px 0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en)}.weekly-star h3{font-size:30px}.weekly-star p,.voice-card p,.detail-copy p,.detail-card p{color:var(--color-muted);line-height:1.68}.weekly-star a,.voice-card a,.voice-template-link,.source-section a,.detail-card a{color:var(--color-gpt);font-family:var(--font-ui);font-weight:900}.voice-template-link{display:inline;border:0;padding:0;background:transparent;text-align:left}.voice-masonry{columns:4 220px;column-gap:14px;margin-top:14px}.voice-card{display:inline-block;width:100%;margin:0 0 14px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffaf1e0;box-shadow:var(--shadow-card)}.voice-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.voice-body{padding:14px}.voice-user{display:flex;gap:10px;align-items:center}.voice-user>span{display:grid;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#4f8b59,#367142);color:var(--color-nav-on-dark);font-weight:900;place-items:center}.voice-user strong,.voice-user em{display:block;font-family:var(--font-ui)}.voice-user em{color:var(--color-muted);font-size:12px;font-style:normal}.voice-stats{display:flex;gap:12px;margin-top:12px;color:var(--color-muted)}.voice-stats span{display:inline-flex;gap:5px;align-items:center}.detail-page{padding:18px 0 72px}.back-button{display:inline-flex;gap:8px;align-items:center;min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 12px;background:#fffaf1db;color:var(--color-text);font-family:var(--font-ui);font-weight:900}.detail-hero{display:grid;gap:16px;align-items:start;margin-top:12px}.detail-primary{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:14px;align-items:stretch}.detail-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;background:linear-gradient(135deg,#fffdf5f5,#ffe8c5d1),var(--color-surface);box-shadow:var(--shadow-soft)}.detail-copy h1{margin:5px 0 6px;font-size:clamp(24px,2.4vw,38px);line-height:1.08}.detail-copy p:not(.dialog-kicker){margin:0;font-size:14px;line-height:1.55}.detail-meta{display:flex;flex-wrap:wrap;justify-content:start;gap:8px;margin-top:0}.detail-meta span{border-radius:999px;padding:7px 10px;background:#36714217;color:var(--color-gpt);font-family:var(--font-ui);font-size:12px;font-weight:900}.detail-best-for{display:flex;flex-wrap:wrap;gap:7px}.detail-best-for span{border-radius:999px;padding:6px 9px;background:#f2cd9b6b;color:var(--color-soft);font-family:var(--font-ui);font-size:12px;font-weight:800}.detail-prompt-card.prompt-code-block{margin-top:0}.detail-preview-card{display:grid;gap:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;background:#fffaf1e6;box-shadow:var(--shadow-soft)}.detail-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-preview-heading h2{margin:0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:22px}.detail-preview-heading>span{color:var(--color-muted);font-family:var(--font-ui);font-size:12px;font-weight:900}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.preview-result{display:grid;gap:8px;min-width:0;margin:0}.preview-result figcaption{min-height:26px}.preview-result>p{margin:0;color:var(--color-muted);font-size:12px;line-height:1.55}.detail-preview-button{position:relative;display:block;width:100%;overflow:hidden;border:0;border-radius:var(--radius-md);padding:0;background:#f4d5a9}.detail-preview-button img{width:100%;max-height:460px;aspect-ratio:4 / 5;object-fit:cover;transition:transform .18s ease}.preview-count-1 .preview-grid{grid-template-columns:minmax(0,1fr)}.preview-count-1 .detail-preview-button img{max-height:590px}.preview-missing{display:grid;min-height:220px;border:1px dashed rgba(127,111,95,.42);border-radius:var(--radius-md);padding:18px;background:#fff6e7b8;color:var(--color-muted);place-items:center;text-align:center}.preview-missing strong{color:var(--color-heading);font-family:var(--font-ui)}.preview-missing p{margin:8px 0 0;line-height:1.6}.detail-prompt-card{min-height:0}.detail-prompt-card code{max-height:280px;overflow:auto}.detail-preview-button:hover img,.detail-preview-button:focus-visible img{transform:scale(1.025)}.detail-preview-button>span{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 10px;background:#3f2316b8;color:var(--color-nav-on-dark);font-family:var(--font-ui);font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start;margin-top:18px}.detail-main,.detail-side{display:grid;gap:14px}.detail-side{align-self:start}.detail-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px;background:#fffaf1e6;box-shadow:var(--shadow-card)}.detail-section-title{display:flex;gap:8px;align-items:center;margin-bottom:12px;color:var(--color-gpt)}.detail-section-title h2,.detail-card h2{margin:0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:22px}.structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.structure-grid>div,.swap-lab,.result-list>div{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;background:#fff6e7b3}.structure-grid h3,.swap-lab h3{margin:0 0 8px;color:var(--color-text);font-family:var(--font-ui);font-size:14px}.structure-grid ul,.structure-grid ol,.empty-structure-note{display:grid;gap:7px;margin:0;color:var(--color-muted);line-height:1.55}.structure-grid ul,.structure-grid ol{padding-left:18px}.empty-structure-note{padding:0;font-size:14px}.swap-lab{margin-top:12px}.interaction-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.interaction-actions button,.interaction-actions>span{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:1px solid var(--color-border);border-radius:999px;padding:0 12px;background:#fff6e7bd;color:var(--color-text);font-family:var(--font-ui);font-weight:900}.interaction-actions button[aria-pressed=true]{border-color:#3671426b;background:#3671421f;color:var(--color-gpt)}.interaction-actions span span,.interaction-actions button span{color:var(--color-muted);font-size:12px}.comment-form{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;background:#fff6e7b3}.comment-form label{display:grid;gap:8px}.comment-form label>span{color:var(--color-heading);font-family:var(--font-ui);font-size:13px;font-weight:900}.comment-form textarea{width:100%;resize:vertical;border:1px solid rgba(224,193,157,.82);border-radius:14px;padding:12px;background:#fffdf7db;color:var(--color-text);font:inherit;line-height:1.6;outline:0}.comment-form textarea::placeholder{color:#a68b75}.comment-form button{justify-self:end;display:inline-flex;align-items:center;gap:7px;min-height:40px;border:1px solid #367142;border-radius:999px;padding:0 14px;background:linear-gradient(180deg,#4f8b59,#367142);color:var(--color-nav-on-dark);font-family:var(--font-ui);font-weight:900}.comment-form button:disabled{cursor:not-allowed;opacity:.56}.interaction-error{margin:12px 0 0;border:1px solid rgba(190,70,48,.24);border-radius:14px;padding:10px 12px;background:#ffeee6c7;color:#9f3d28;font-weight:900}.comment-list{display:grid;gap:10px;margin-top:12px}.comment-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;background:#fff6e7b3}.comment-avatar{display:grid;width:38px;height:38px;overflow:hidden;border-radius:50%;background:linear-gradient(180deg,#dd9b45,#b86724);color:var(--color-nav-on-dark);font-weight:900;place-items:center}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.comment-meta strong{color:var(--color-heading);font-family:var(--font-ui)}.comment-meta time{color:var(--color-muted);font-size:12px}.comment-item p,.comment-empty{margin:6px 0 0;color:var(--color-muted);line-height:1.68}.swap-buttons{display:flex;flex-wrap:wrap;gap:8px}.swap-buttons button{display:inline-flex;align-items:center;gap:5px;min-height:34px;border:1px solid var(--color-border);border-radius:999px;padding:0 10px;background:#fffaf1d1;color:var(--color-muted);font-family:var(--font-ui);font-size:12px;font-weight:900}.swap-buttons button[aria-selected=true]{border-color:#3671429e;background:#3671421f;color:var(--color-gpt)}.result-list,.related-list{display:grid;gap:10px}.image-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;padding:24px;background:#361b0d9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center}.image-preview-dialog{position:relative;display:grid;gap:10px;width:min(860px,100%);max-height:calc(100vh - 48px);margin:0}.image-preview-dialog img{max-width:100%;max-height:calc(100vh - 110px);border:1px solid rgba(255,239,213,.72);border-radius:var(--radius-md);object-fit:contain;box-shadow:0 26px 70px #1f0e0857}.image-preview-dialog figcaption{color:var(--color-nav-on-dark);font-family:var(--font-ui);font-size:14px;line-height:1.6;text-align:center}.image-preview-close{position:absolute;top:12px;right:12px;z-index:2;display:grid;width:40px;height:40px;border:1px solid rgba(255,239,213,.72);border-radius:50%;background:#fffaf1e0;color:var(--color-heading);place-items:center}.related-list button{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px;background:#fff6e7c2;color:var(--color-text);font-family:var(--font-ui);font-weight:900;text-align:left}.related-list img{width:58px;height:58px;border-radius:var(--radius-sm);object-fit:cover}@keyframes hearthPulse{0%,to{opacity:.8;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@keyframes flameDance{0%,to{border-radius:52% 48% 50% 50%;transform:translateY(0) scale(1)}50%{border-radius:46% 54% 48% 52%;transform:translateY(-5px) scale(1.04)}}@keyframes sparkFloat{0%,to{opacity:.38;transform:translateY(0)}50%{opacity:.9;transform:translateY(-18px)}}@keyframes kaleidoFloat{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes warmSkeleton{0%{background-position:160% 0,0 0}to{background-position:-60% 0,0 0}}@keyframes bulbGlow{0%{filter:brightness(.92);transform:translateY(1px)}to{filter:brightness(1.14);transform:translateY(-1px)}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:10px;background:#50280e6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.prompt-dialog{position:relative;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.62fr);grid-template-rows:minmax(0,1fr);align-items:stretch;width:min(1440px,100%);height:min(900px,calc(100vh - 20px));max-height:min(900px,calc(100vh - 20px));overflow:hidden;border-radius:var(--radius-md);outline:0}.prompt-dialog>*{min-height:0}.dialog-media{min-width:0;min-height:0;height:100%;max-height:100%;padding:14px;background:linear-gradient(180deg,#fff6e7eb,#f9e0beb8);overflow:auto}.dialog-tabs{display:flex;gap:6px;margin-bottom:12px}.dialog-tabs button{min-height:34px;border:1px solid var(--color-border);border-radius:999px;padding:0 12px;background:#fffaf1c7;color:var(--color-muted);font-weight:800}.dialog-tabs button[aria-selected=true]{border-color:#367142b8;background:linear-gradient(180deg,#4f8b59,#367142);color:var(--color-nav-on-dark)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.comparison-grid--reference{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch}.comparison-grid.single{grid-template-columns:minmax(0,1fr)}.comparison-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.comparison-grid--reference .comparison-figure--source{grid-row:1 / 3}.comparison-image{display:grid;min-height:360px;background:linear-gradient(180deg,#f4d5a9,#fff6e8);place-items:center}.comparison-image img{width:100%;height:100%;max-height:560px;object-fit:contain}.comparison-grid--reference .comparison-image{min-height:0}.comparison-grid--reference .comparison-figure--source .comparison-image img{max-height:750px}.comparison-grid--reference .comparison-figure:not(.comparison-figure--source) .comparison-image img{max-height:334px}.missing-image{display:grid;width:100%;min-height:360px;padding:24px;color:var(--color-muted);place-items:center}.comparison-image--failed img{display:none}.comparison-image--failed:after{content:"示例图加载失败";color:var(--color-muted)}.comparison-figure figcaption{display:grid;gap:8px;padding:12px;color:var(--color-muted);font-size:13px;line-height:1.55}.dialog-content{position:relative;min-width:0;min-height:0;height:100%;max-height:100%;padding:26px 22px;overflow-y:scroll;scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-color:rgba(54,113,66,.44) rgba(255,246,231,.86);scrollbar-width:thin;border-left:1px solid var(--color-border);background:var(--color-surface)}.dialog-content::-webkit-scrollbar{width:8px}.dialog-content::-webkit-scrollbar-track{border-radius:999px;background:#fff6e7db}.dialog-content::-webkit-scrollbar-thumb{border:2px solid rgba(255,246,231,.86);border-radius:999px;background:#36714270}.close-button{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid var(--color-border);background:#fff6e7d6;color:var(--color-text)}.dialog-content h2{margin:12px 46px 10px 0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:30px;font-weight:800;line-height:1.15}.dialog-description{margin:0;color:var(--color-muted);font-family:var(--font-body);line-height:1.65}.prompt-code-block{margin-top:18px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff7ea}.code-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;border-bottom:1px solid var(--color-border);padding:0 12px}.code-heading>span{color:var(--color-gpt);font-family:var(--font-title-en),var(--font-ui);font-size:12px;font-weight:900;text-transform:uppercase}.prompt-code-actions{display:inline-flex;align-items:center;gap:8px}.prompt-language-toggle{display:inline-flex;overflow:hidden;border:1px solid rgba(54,113,66,.24);border-radius:999px;background:#fffaf1bd}.prompt-language-toggle button{min-height:30px;border:0;padding:0 10px;background:transparent;color:var(--color-muted);font-family:var(--font-ui);font-size:12px;font-weight:900}.prompt-language-toggle button[aria-pressed=true]{background:linear-gradient(180deg,#4f8b59,#367142);color:var(--color-nav-on-dark)}.compact-copy{min-height:34px;padding:0 10px;font-size:13px}.prompt-code-block code{display:block;padding:14px;color:var(--color-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.dialog-section{margin-top:18px}.dialog-section h3{margin:0 0 10px;color:var(--color-text);font-family:var(--font-ui);font-size:14px}.variable-list{display:flex;flex-wrap:wrap;gap:8px}.variable-list code{border:1px solid rgba(54,113,66,.28);border-radius:999px;padding:6px 9px;background:#3671421a;color:var(--color-gpt);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.note-list{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--color-muted);font-family:var(--font-body);line-height:1.58}.source-section a{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--color-gpt);font-family:var(--font-ui);font-size:13px;font-weight:800;overflow-wrap:anywhere}.empty-state{display:grid;width:min(var(--content-max),calc(100% - var(--page-gutter)));margin:0 auto 80px;border-radius:var(--radius-md);padding:48px 16px;color:var(--color-muted);text-align:center;place-items:center}.empty-state svg{color:var(--color-gpt)}.empty-state h2{margin:14px 0 8px;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en)}.empty-state p{margin:0}.planned-state{width:min(var(--content-max),calc(100% - var(--page-gutter)));margin:0 auto 80px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;background:#fffaf1e0;box-shadow:var(--shadow-soft);scroll-margin-top:92px}.planned-state h2{margin:10px 0;color:var(--color-heading);font-family:var(--font-title-zh),var(--font-title-en);font-size:30px}.planned-state p{max-width:760px;margin:0;color:var(--color-muted);line-height:1.7}.planned-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.planned-state-grid div{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;background:#fff6e7c7}.planned-state-grid dt{color:var(--color-muted);font-size:12px;font-weight:900}.planned-state-grid dd{margin:8px 0 0;color:var(--color-heading);font-family:var(--font-title-en),var(--font-title-zh);font-size:22px;font-weight:900}.planned-note{border-top:1px solid var(--color-border);padding-top:16px}:focus-visible{outline:2px solid var(--color-gpt);outline-offset:3px}@media (max-width: 900px){.topbar{grid-template-columns:1fr auto;gap:10px 12px;padding:10px 0}.main-nav{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;padding:0 4px 4px;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a,.nav-link-button{flex:0 0 auto}.topbar-actions{justify-content:flex-end}.hero{grid-template-columns:1fr;padding-top:34px}.hero-kaleidoscope{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:120px;gap:12px;min-height:300px;transform:none}.kaleido-card-1{grid-column:2 / 4;grid-row:1 / 2;height:124px}.kaleido-card-2{grid-column:1 / 2;grid-row:2 / 4;height:250px}.kaleido-card-3{grid-column:2 / 3;grid-row:2 / 4;height:250px}.kaleido-card-4,.kaleido-card-5,.kaleido-card-6{display:none}.prompt-dialog{grid-template-columns:1fr;grid-template-rows:none;height:auto;overflow:auto}.gallery-grid{column-count:2}.lab-panel,.weekly-star,.about-section,.detail-hero,.detail-layout,.structure-grid{grid-template-columns:1fr}.detail-copy{grid-template-columns:1fr;align-items:start}.detail-preview-card{grid-column:auto;grid-row:auto;order:1}.detail-primary{grid-column:auto;grid-row:auto;order:2}.detail-meta{justify-content:start}.detail-prompt-card{min-height:auto}.detail-prompt-card code{max-height:300px}.weekly-star div{padding:0 18px 18px}.detail-side{position:static;height:auto;max-height:none;overflow:visible;padding-right:0}.dialog-content{border-top:1px solid var(--color-border);border-left:0}}@media (max-width: 640px){.topbar,.hero,.task-section,.filter-section,.gallery-section,.planned-state,.empty-state{width:min(100% - 24px,var(--content-max))}.brand{min-width:0}.topbar{grid-template-columns:1fr}.topbar:before{top:8px;right:-6px;bottom:8px;left:-6px;border-radius:22px}.brand{justify-self:start;padding-left:4px}.brand-mark{width:48px;height:48px;border-radius:16px}.brand-text strong{font-size:21px}.topbar-actions{justify-content:flex-start}.login-button{min-height:42px;padding:0 14px}.user-name{display:none}.user-dropdown{right:auto;left:0}.user-dropdown:before{right:auto;left:22px}.auth-dialog{padding:26px 18px 22px}.auth-dialog h2{font-size:27px}.collection-item{grid-template-columns:92px minmax(0,1fr)}.collection-thumb{min-height:96px}.hero h1{font-size:34px;line-height:1.18}.hero-description{font-size:16px}.detail-page{padding-top:12px}.api-notice,.detail-state{width:min(var(--content-max),calc(100% - 28px))}.api-notice{align-items:stretch;flex-direction:column}.api-notice button{width:100%}.detail-state{min-height:42vh;padding:20px}.detail-copy{padding:12px}.detail-copy h1{font-size:26px}.detail-copy p:not(.dialog-kicker){font-size:13px}.hero-kaleidoscope{display:flex;gap:10px;min-height:150px;overflow-x:auto;padding:4px 4px 12px;scrollbar-width:none}.hero-kaleidoscope::-webkit-scrollbar{display:none}.kaleido-card,.kaleido-card-1,.kaleido-card-2,.kaleido-card-3,.kaleido-card-4,.kaleido-card-5,.kaleido-card-6{position:relative;inset:auto;display:block;flex:0 0 138px;width:138px;height:138px;transform:none}.search-row,.card-actions,.comparison-grid{grid-template-columns:1fr}.comparison-grid--reference{grid-template-rows:none}.comparison-grid--reference .comparison-figure--source{grid-row:auto}.gallery-grid{column-count:1}.filter-group{grid-template-columns:1fr}.filter-group strong{min-height:auto}.section-heading{display:grid;align-items:start}.planned-state-grid{grid-template-columns:1fr}.chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.filter-chip,.tag-row span{flex:0 0 auto}.dialog-backdrop{display:block;overflow:auto;padding:10px}.prompt-dialog{margin:0 auto;height:auto;max-height:none}.dialog-media,.dialog-content{height:auto;min-height:0;overflow:visible;padding:14px}.dialog-tabs{overflow-x:auto;scrollbar-width:none}.dialog-tabs button{flex:0 0 auto}.comparison-image,.missing-image{min-height:260px}.dialog-content h2{font-size:24px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}