html{scroll-behavior:smooth}:root{color:#101828;background:#fff;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;color:#1d2939;background:#f8faff;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.shell{width:min(100% - 48px,1460px);margin:0 auto}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(260px,1fr);align-items:center;gap:24px;height:92px;padding:0 72px;border-bottom:1px solid rgba(16,24,40,.05);background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 2px #10182805}.brand{display:inline-flex;align-items:center;justify-self:start}.brand-logo{width:284px;height:74px;object-fit:contain}.login-logo{width:min(100%,320px);height:auto;object-fit:contain}.nav-links{display:inline-flex;align-items:center;justify-content:center;gap:64px;font-size:16px;font-weight:600}.nav-links a{position:relative;padding:34px 0;color:#475467;transition:color .2s ease}.nav-links a:hover{color:#1767ef}.nav-links a.router-link-active{color:#101828;font-weight:700}.nav-links a.router-link-active:after{position:absolute;right:0;bottom:22px;left:0;height:3px;border-radius:999px;background:#1767ef;content:""}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer}.mobile-nav{position:fixed;top:72px;right:0;left:0;z-index:39;display:none;flex-direction:column;padding:16px;background:#fff;box-shadow:0 8px 24px #263f6b1f}.mobile-nav a,.mobile-nav button{display:flex;align-items:center;min-height:48px;padding:8px 16px;border:none;border-radius:8px;color:#142033;background:transparent;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer}.mobile-nav a:hover,.mobile-nav button:hover{background:#f7fbff}.header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:16px}.header-actions a[href="/register"],.header-actions a[href="/login"]{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:700;transition:all .2s ease}.header-actions a[href="/register"]{background:#1767ef;color:#fff;box-shadow:0 4px 12px #1767ef26}.header-actions a[href="/register"]:hover{background:#0f56d1;transform:translateY(-1px);box-shadow:0 6px 16px #1767ef33}.header-actions a[href="/login"]{background:transparent;color:#475467;border:1px solid #d0d5dd}.header-actions a[href="/login"]:hover{color:#1767ef;border-color:#1767ef;background:#1767ef05}.kefu-menu{position:relative}.kefu-button{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:1px solid #d7e4f7;border-radius:999px;color:#142033;background:#fff;font-size:14px;font-weight:700;cursor:pointer}.kefu-button:hover{background:#f7fbff}.kefu-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:232px;padding:16px;border:1px solid #dfe7f4;border-radius:8px;background:#fff;box-shadow:0 18px 36px #263f6b29;place-items:center}.kefu-dropdown img{width:200px;height:200px;object-fit:contain}.kefu-dropdown p{margin-top:8px;margin-bottom:0;color:#667085;font-size:13px}.user-menu{position:relative}.avatar-button{display:inline-flex;align-items:center;gap:8px;max-width:190px;min-height:44px;padding:5px 10px 5px 6px;overflow:hidden;border:1px solid transparent;border-radius:999px;color:#142033;background:#fff;font-weight:800}.avatar-button img{flex:0 0 auto;width:34px;height:34px;border:1px solid #d7e4f7;border-radius:50%;object-fit:cover}.avatar-button span{min-width:0;overflow:hidden;font-size:14px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.avatar-button i{flex:0 0 auto;width:7px;height:7px;margin-top:-3px;border-right:1.8px solid #667085;border-bottom:1.8px solid #667085;transform:rotate(45deg)}.avatar-button:hover,.avatar-button[aria-expanded=true]{border-color:#d7e4f7;background:#f7fbff}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:40;display:grid;width:180px;padding:10px;border:1px solid #dfe7f4;border-radius:8px;background:#fff;box-shadow:0 18px 36px #263f6b29}.user-dropdown strong,.user-dropdown a,.user-dropdown button{min-height:38px;padding:0 10px;border:0;border-radius:8px;color:#142033;background:transparent;text-align:left;font-weight:800}.user-dropdown strong{display:flex;align-items:center;color:#667085}.user-dropdown a,.user-dropdown button{display:flex;align-items:center}.user-dropdown a:hover,.user-dropdown button:hover{background:#f1f6ff}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 24px;border:1px solid transparent;border-radius:10px;font-weight:700;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1)}.primary-button{color:#fff;background:#1767ef;box-shadow:0 8px 20px #1767ef26}.primary-button:hover{background:#0f56d1;transform:translateY(-1px);box-shadow:0 12px 24px #1767ef40}.primary-button:active{transform:translateY(0)}.primary-button:disabled{cursor:wait;opacity:.65;transform:none;box-shadow:none}.secondary-button{color:#142033;border-color:#b9cdf1;background:#fff}.text-button,.ghost-link{border:0;color:#142033;background:transparent;font-weight:700}.hero{position:relative;display:grid;grid-template-columns:minmax(360px,.95fr) 1.05fr;min-height:292px;margin-top:4px;overflow:hidden;border:1px solid #e6eefc;border-radius:16px;background:radial-gradient(circle at 72% 20%,rgba(31,108,242,.14),transparent 28%),linear-gradient(110deg,#f8fbff,#fff 48%,#edf4ff)}.hero:after{position:absolute;right:-10%;bottom:-34%;width:72%;height:68%;border-radius:50%;background:repeating-linear-gradient(172deg,rgba(37,99,235,.12) 0 1px,transparent 1px 9px),linear-gradient(90deg,#fff3,#1d62e629);filter:blur(1px);content:""}.hero-copy{position:relative;z-index:1;align-self:center;padding:48px 0 48px 110px}.hero h1{margin:0;max-width:560px;font-size:clamp(38px,4vw,58px);line-height:1.18;font-weight:900}.hero h1:first-letter{color:#142033}.hero h1{color:#1767ef}.hero p{margin:18px 0 36px;color:#374151;font-size:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:24px}.hero-visual{position:relative;z-index:1}.floating-ring{position:absolute;top:38px;right:22%;width:220px;height:220px;border:42px solid rgba(148,187,255,.62);border-right-color:#3577f0e6;border-bottom-color:#ffffffe0;border-radius:50%;box-shadow:0 28px 60px #366cd63d,inset 0 8px 22px #ffffffe6;transform:rotate(-28deg) skewY(-8deg)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:14px}.section-head.inline{width:100%;margin-top:28px}.section-head h2{margin:0;font-size:24px}.section-head a{color:#5d6a7d;font-weight:700}.case-grid{columns:5 240px;column-gap:20px;padding-bottom:34px}.case-card{display:inline-block;width:100%;margin-bottom:20px;break-inside:avoid;overflow:hidden;border:1px solid #eaecf0;border-radius:12px;background:#fff;box-shadow:0 4px 12px #1018280a;transition:all .3s cubic-bezier(.4,0,.2,1)}.case-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #10182814;border-color:#d0d5dd}.case-card-preview{position:relative;overflow:hidden;background:#edf4ff}.case-card img,.case-card-preview img{display:block;width:100%;height:auto;object-fit:contain;background:#edf4ff}.case-card-body{padding:10px 12px 12px}.case-card h3{margin:0 0 10px;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.case-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#3f4c5f;font-size:13px}.case-meta span{display:inline-flex;align-items:center;gap:4px}.case-meta.muted{margin-top:8px;color:#738095}.points{color:#f59e0b;font-weight:800}.page-title{padding:42px 0 18px}.page-title p,.eyebrow{margin:0 0 8px;color:#1767ef;font-weight:800}.page-title h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.2}.filter-bar{display:grid;grid-template-columns:minmax(240px,1fr) 180px 180px auto;gap:12px;padding:16px;border:1px solid #e4eaf3;border-radius:8px;background:#fff}.filter-bar input,.filter-bar select,.tool-panel select,.tool-panel textarea,.login-card input{width:100%;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#101828;transition:all .2s ease}.filter-bar input:focus,.filter-bar select:focus,.login-card input:focus{border-color:#1767ef;box-shadow:0 0 0 4px #1767ef14;outline:none}.admin-table-card table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-table-card th,.admin-table-card td{padding:16px 12px;text-align:left;border-bottom:1px solid #f2f4f7;vertical-align:middle}.admin-table-card th{background:#f9fafb;color:#475467;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-table-card th:nth-child(1){width:35%}.admin-table-card th:nth-child(2){width:10%}.admin-table-card th:nth-child(3){width:8%}.admin-table-card th:nth-child(4){width:8%}.admin-table-card th:nth-child(5){width:15%}.admin-table-card th:nth-child(6){width:10%}.admin-table-card th:nth-child(7){width:14%}.material-cell{display:flex;align-items:center;gap:12px;min-width:0}.material-cell img{width:56px;height:40px;border-radius:6px;object-fit:cover;flex:0 0 auto;border:1px solid #f2f4f7}.material-info{display:flex;flex-direction:column;min-width:0;gap:2px}.material-info strong{color:#101828;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-info .table-subtext{color:#667085;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.tag-pill-container{display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.tag-mini-pill{font-size:11px;padding:2px 6px;background:#f2f4f7;color:#344054;border-radius:4px;white-space:nowrap}.table-actions{display:flex;gap:8px}.table-actions .secondary-button{height:32px;padding:0 10px;font-size:13px;min-height:auto}.status-pill{display:inline-flex;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700}.status-pill.published{background:#ecfdf3;color:#027a48}.status-pill.archived{background:#fef3f2;color:#b42318}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;margin-bottom:18px}.tag-row button,.tag-row span{min-height:34px;padding:0 13px;border:1px solid #d7e2f3;border-radius:8px;color:#425066;background:#fff;font-weight:700}.tag-row button.active{color:#fff;border-color:#1767ef;background:#1767ef}.tag-row.compact{margin:20px 0}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;padding:34px 0}.detail-gallery{min-width:0}.detail-preview,.detail-panel,.tool-panel,.result-panel,.login-card,.profile-band,.points-summary,.points-redeem-card,.table-card,.admin-grid article{border:1px solid #e1e9f6;border-radius:8px;background:#fff;box-shadow:0 10px 28px #263f6b0f}.detail-preview{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px;min-height:280px}.detail-watermark:before{position:absolute;inset:16px;z-index:1;pointer-events:none;border-radius:8px;background-image:url("data:image/svg+xml,%3Csvg width='300' height='300' viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(-45, 150, 150)'%3E%3Crect x='30' y='138' width='240' height='24' rx='12' fill='rgba(255, 255, 255, 0.4)' /%3E%3Ctext x='150' y='155' font-family='Inter, system-ui, sans-serif' font-weight='900' font-size='14' fill='rgba(0, 0, 0, 0.5)' text-anchor='middle'%3EOUDE 偶得 · https://oude.space%3C/text%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;content:""}.detail-watermark:after{position:absolute;inset:16px;z-index:2;pointer-events:none;border-radius:8px;background-image:repeating-linear-gradient(-45deg,transparent 0 60px,rgba(23,103,239,.03) 60px 61px,transparent 61px 120px);content:""}.detail-preview img{display:block;width:auto;max-width:100%;max-height:min(72vh,860px);border-radius:8px;object-fit:contain}.gallery-nav{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(23,103,239,.2);border-radius:999px;color:#1767ef;background:#ffffffe0;box-shadow:0 8px 18px #263f6b24;transform:translateY(-50%)}.gallery-nav.previous{left:28px}.gallery-nav.next{right:28px}.detail-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px;margin-top:12px}.detail-thumbs button{padding:4px;overflow:hidden;border:2px solid transparent;border-radius:8px;background:#fff;box-shadow:0 6px 16px #263f6b14}.detail-thumbs button.active{border-color:#1767ef}.detail-thumbs img{display:block;width:100%;aspect-ratio:16 / 10;border-radius:5px;object-fit:cover}.detail-panel{align-self:start;padding:24px}.detail-panel h1{margin:0 0 12px;font-size:28px}.detail-panel p{color:#536174;line-height:1.7}.price-box{display:flex;align-items:baseline;gap:8px;margin:20px 0;color:#1767ef}.price-box strong{font-size:36px}.wide{width:100%;margin-top:12px}.notice{margin-top:14px;padding:10px 12px;border-radius:8px;color:#155bd5;background:#edf5ff}.notice.error{color:#b42318;background:#fff0ee}.create-page{min-height:calc(100vh - 92px);padding:22px 0 38px;background:radial-gradient(circle at 96% 2%,rgba(31,108,242,.1),transparent 30%),linear-gradient(135deg,#f8fbff,#f3f7ff 48%,#f7fbff)}.create-hero{margin-bottom:24px}.create-hero p{margin:0 0 12px;color:#1767ef;font-weight:900}.create-hero h1{margin:0;color:#06173f;font-size:clamp(30px,4vw,48px);line-height:1.18;letter-spacing:0}.create-hero span{display:block;margin-top:14px;color:#8492ad;font-size:16px;font-weight:700}.create-layout{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1fr);gap:28px;align-items:start}.create-form,.create-preview-card{border:1px solid #e6eefb;border-radius:8px;background:#ffffffe6;box-shadow:0 22px 70px #234e9117;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.create-form{display:flex;flex-direction:column;gap:26px;padding:26px}.create-section-title{display:inline-flex;align-items:center;gap:8px;margin-bottom:-8px;color:#0a1d49;font-size:16px;font-weight:900}.create-section-title svg{color:#1767ef}.create-section-title em{color:#8b99b2;font-style:normal;font-size:13px;font-weight:700}.prompt-field{position:relative;display:block}.prompt-field textarea{width:100%;min-height:170px;resize:vertical;padding:18px 20px 38px;border:1px solid #d8e4f5;border-radius:8px;outline:none;color:#132547;background:#fbfdff;line-height:1.7;box-shadow:inset 0 1px 2px #0d264b05}.prompt-field textarea:focus{border-color:#7aa8ff;box-shadow:0 0 0 4px #1f6cf214}.prompt-field textarea::placeholder{color:#9aa8bd;font-weight:700}.prompt-field span{position:absolute;right:18px;bottom:13px;color:#98a5ba;font-size:13px;font-weight:800}.reference-upload-panel{display:grid;gap:12px}.reference-images-list{display:flex;flex-wrap:wrap;gap:12px}.reference-image-item{position:relative;width:78px;height:78px;margin:0;overflow:hidden;border:1px solid #d8e4f5;border-radius:8px;background:#f7fbff}.reference-image-item img{width:100%;height:100%;object-fit:cover}.reference-image-item .remove-btn{position:absolute;top:5px;right:5px;display:grid;width:22px;height:22px;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:#06173fb8}.reference-image-add{display:grid;min-height:100px;place-items:center;padding:20px;border:1px dashed #adc9ff;border-radius:8px;color:#1767ef;background:#f7fbffdb;text-align:center;cursor:pointer}.reference-image-add:hover{border-color:#1767ef;background:#f2f7ff}.reference-image-add strong{margin-top:8px;font-size:15px}.reference-image-add span,.reference-image-add small,.upload-hint{color:#8b99b2;font-size:13px;font-weight:700}.reference-image-add input{display:none}.upload-hint{margin:0}.style-tabs,.size-tabs{display:flex;flex-wrap:nowrap;gap:8px}.style-tab,.size-tab{flex:1;min-width:0}.style-tab,.size-tab{min-height:48px;padding:0 8px;border:1px solid #eaecf0;border-radius:10px;color:#475467;background:#fff;font-weight:600;font-size:13px;box-shadow:0 1px 2px #1018280d;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-tab:hover,.size-tab:hover{border-color:#d0d5dd;background:#f9fafb}.style-tab.active,.size-tab.active{border-color:#1767ef;color:#1767ef;background:#f5faff;box-shadow:0 0 0 4px #1767ef1a}.create-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#1974ff,#0a63f6);box-shadow:0 14px 30px #1f6cf247;font-size:18px;font-weight:900}.create-submit:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.create-preview-card{padding:28px 34px}.preview-head,.history-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.preview-head strong,.history-head strong{color:#0a1d49;font-size:17px;font-weight:900}.preview-head div{display:flex;align-items:center;gap:12px}.preview-head span{padding:5px 10px;border-radius:8px;color:#1767ef;background:#eaf3ff;font-size:13px;font-weight:900}.preview-head p{display:inline-flex;align-items:center;gap:8px;margin:0;color:#8b99b2;font-size:13px;font-weight:900}.preview-canvas{position:relative;margin-top:22px;overflow:hidden;border:1px solid #dce7f6;border-radius:8px;background:#eef5ff}.preview-canvas>img{width:100%;max-height:520px;object-fit:contain;background:#f7fbff}.preview-toolbar{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.preview-tool-btn{display:grid;place-items:center;width:48px;height:48px;color:#fff;background:#00000080;border:none;border-radius:8px;cursor:pointer;text-decoration:none}.preview-tool-btn:hover{background:#000000b3}.preview-placeholder{display:grid;min-height:438px;place-items:center;align-content:center;gap:12px;color:#7f8faa;background:linear-gradient(45deg,rgba(216,228,245,.34) 25%,transparent 25% 75%,rgba(216,228,245,.34) 75%),linear-gradient(45deg,rgba(216,228,245,.34) 25%,transparent 25% 75%,rgba(216,228,245,.34) 75%),#f8fbff;background-position:0 0,18px 18px;background-size:36px 36px;text-align:center}.preview-placeholder svg{color:#9cb1ce}.preview-placeholder.generating svg{color:#1767ef;animation:progress-pulse 1.8s ease-in-out infinite}.preview-placeholder.error svg,.preview-placeholder.error strong{color:#b42318}.preview-placeholder.error span{color:#b85c54}.preview-placeholder strong{color:#41516d;font-size:18px;font-weight:900}.preview-placeholder span{color:#8b99b2;font-weight:800}.generation-progress{width:min(62%,360px);height:10px;overflow:hidden;border-radius:999px;background:#9cb1ce38;box-shadow:inset 0 1px 2px #06173f14}.generation-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1767ef,#7aa8ff);transition:width .45s ease}@keyframes progress-pulse{0%,to{opacity:.62;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.sample-poster{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;min-height:438px;padding:72px 58px 42px;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(22,116,216,.14),transparent 24%),linear-gradient(135deg,#f8fcff,#eaf4ff)}.sample-poster:after{position:absolute;top:-30px;right:70px;width:240px;height:190px;border-radius:48%;background:#374b6414;filter:blur(18px);transform:rotate(-8deg);content:""}.sample-copy{position:relative;z-index:1;display:grid;align-content:start;justify-items:start;gap:14px;color:#071b4c}.sample-copy h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:0}.sample-copy strong{font-size:17px;letter-spacing:2px}.sample-copy i{width:24px;height:3px;border-radius:999px;background:#1767ef}.sample-copy p{max-width:210px;margin:0;color:#536174;line-height:1.7;font-size:13px;font-weight:800}.sample-copy small{margin-top:70px;color:#1d2c50;line-height:1.7;font-weight:800}.sample-stage{position:relative;z-index:1;min-height:330px}.sample-arch{position:absolute;right:68px;bottom:56px;width:170px;height:230px;border:4px solid #1070bd;border-bottom:0;border-radius:92px 92px 0 0;background:linear-gradient(150deg,#9ddbffc7,#2790d25c);box-shadow:inset 18px 18px 36px #ffffff3d}.sample-platform{position:absolute;right:66px;bottom:26px;width:285px;height:62px;border-radius:50%;background:linear-gradient(180deg,#fff,#dfeaf5);box-shadow:0 24px 40px #4168942e}.sample-vase{position:absolute;right:180px;bottom:72px;width:54px;height:132px;border:3px solid rgba(30,132,190,.58);border-radius:24px 24px 18px 18px;background:linear-gradient(180deg,#b3ecff80,#148dd66b)}.sample-vase span:before,.sample-vase span:after{position:absolute;width:52px;height:24px;border-radius:50%;background:linear-gradient(135deg,#5e9b58,#c6df8a);content:""}.sample-vase span:before{top:-26px;left:18px;transform:rotate(-36deg)}.sample-vase span:after{top:-8px;left:-32px;transform:rotate(34deg)}.sample-ball{position:absolute;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#e3e8f0 72%);box-shadow:0 18px 36px #41689429}.sample-ball-main{right:-10px;bottom:34px;width:112px;height:112px}.sample-ball-small{right:330px;bottom:44px;width:42px;height:42px}.preview-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #e1eaf6;border-top:0;border-radius:0 0 8px 8px;background:#e1eaf6}.preview-actions button,.preview-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border:0;color:#7586a2;background:#fff;font-weight:900}.preview-actions button:disabled,.preview-actions a.disabled{pointer-events:none;opacity:.45}.preview-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#000000d9}.preview-modal img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.preview-modal-close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:44px;height:44px;color:#fff;background:#ffffff26;border:none;border-radius:50%;cursor:pointer}.preview-modal-close:hover{background:#ffffff40}.generation-history{margin-top:28px}.history-head a{color:#8b99b2;font-size:13px;font-weight:900}.history-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.generation-thumb{position:relative;aspect-ratio:16 / 9;min-height:0;overflow:hidden;border:1px solid #dce7f6;border-radius:8px;background:#f7fbff;box-shadow:0 10px 22px #234e910d}.generation-thumb.active{border-color:#1767ef;box-shadow:0 0 0 2px #1f6cf233}.generation-thumb img{width:100%;height:100%;object-fit:contain;background:#eef5ff}.generation-thumb:after{position:absolute;right:0;bottom:0;left:0;height:54%;background:linear-gradient(180deg,transparent,rgba(6,23,63,.58));content:""}.generation-thumb-copy{position:absolute;z-index:1;right:12px;bottom:10px;left:12px;display:grid;gap:3px}.generation-thumb-copy strong{overflow:hidden;color:#fff;font-size:13px;line-height:1.2;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.generation-thumb-copy span{color:#ffffffd1;font-size:11px;font-weight:800}.empty-history{display:grid;place-items:center}.empty-history:after{display:none}.empty-history>span{color:#8b99b2;font-weight:900}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 92px);padding:40px 20px;background:radial-gradient(circle at 10% 10%,rgba(31,108,242,.08),transparent 40%),radial-gradient(circle at 90% 90%,rgba(31,108,242,.05),transparent 40%),linear-gradient(135deg,#f0f7ff,#fff,#e8f2ff);background-attachment:fixed}.login-card{display:flex;width:min(100%,1020px);min-height:640px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.6);border-radius:24px;background:#ffffff73;box-shadow:0 24px 80px #234e911f,0 4px 12px #234e910a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.auth-branding{position:relative;flex:0 0 42%;display:flex;flex-direction:column;padding:48px;background:#fff3;border-right:1px solid rgba(255,255,255,.4)}.auth-branding .brand-logo{width:auto;height:64px;object-fit:contain;margin-bottom:8px}.auth-branding .tagline{margin:0;color:#667085;font-size:14px;letter-spacing:2px;font-weight:500}.auth-visual{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.static-decoration{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.create-hero{height:80px;display:flex;align-items:center;margin-bottom:0}.circle{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.circle-1{width:200px;height:200px;background:linear-gradient(135deg,#1767ef,#7aa8ff);top:10%;left:10%}.circle-2{width:180px;height:180px;background:linear-gradient(135deg,#7aa8ff,#1767ef);bottom:10%;right:10%}.circle-3{width:220px;height:220px;background:linear-gradient(135deg,#1f6cf2,#b9cdf1);top:15%;right:5%}.circle-4{width:160px;height:160px;background:linear-gradient(135deg,#b9cdf1,#1f6cf2);bottom:15%;left:5%}.glass-panel{position:relative;width:240px;height:240px;background:#ffffff26;border:1px solid rgba(255,255,255,.4);border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:rotate(-10deg);box-shadow:0 20px 40px #0000000d;z-index:2}.glass-panel.alternate{transform:rotate(10deg);border-radius:40px 10px}.auth-form{flex:1;padding:56px 64px;display:flex;flex-direction:column;justify-content:center}.auth-form h1{margin:0 0 8px;font-size:32px;font-weight:900;color:#101828}.auth-form .subtitle{margin:0 0 32px;color:#667085;font-size:16px}.auth-form label{display:block;margin-bottom:20px;color:#344054;font-size:14px;font-weight:700}.auth-form .input-wrapper{position:relative;margin-top:8px;display:flex;align-items:center;height:48px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;transition:all .2s ease;padding:0 14px;gap:10px}.auth-form .input-wrapper:focus-within{border-color:#1767ef;box-shadow:0 0 0 4px #1767ef1a}.auth-form .input-wrapper svg{flex:0 0 auto;color:#98a2b3;pointer-events:none}.auth-form .input-wrapper input{flex:1;height:100%;border:none;background:transparent;padding:0;outline:none;font-size:15px;color:#101828}.auth-form .password-toggle{flex:0 0 auto;padding:0;border:0;background:transparent;color:#98a2b3;cursor:pointer;display:flex;align-items:center}.login-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.remember-option{display:flex;align-items:center;gap:8px;color:#475467;font-size:14px;font-weight:600}.remember-option input{width:18px;height:18px;accent-color:#1767ef}.auth-submit{width:100%;height:52px;border-radius:12px;font-size:16px;font-weight:800;margin-bottom:24px}.auth-divider{display:flex;align-items:center;margin:8px 0 24px;color:#98a2b3;font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#eaecf0}.auth-divider span{padding:0 16px}.auth-switch{margin:0;text-align:center;color:#667085;font-size:15px}.auth-switch a{color:#1767ef;font-weight:800}.code-row{display:flex;gap:12px;margin-top:8px;align-items:center}.code-row .input-wrapper{flex:1;margin-top:0!important}.code-row .secondary-button{height:48px;border-radius:10px;padding:0 20px;font-weight:800;color:#1767ef;border:1px solid #d0d5dd;background:#fff;flex:0 0 auto}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.upload-progress-container{margin-top:-10px;margin-bottom:5px;display:flex;flex-direction:column;gap:8px}.upload-progress-bar{width:100%;height:6px;background:#f2f4f7;border-radius:10px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#1767ef,#7aa8ff);transition:width .3s ease;border-radius:inherit}.upload-progress-text{font-size:13px;font-weight:800;color:#1767ef;text-align:center}@media(max-width:960px){.login-card{flex-direction:column;width:min(100%,480px);min-height:auto}.auth-branding{border-right:0;border-bottom:1px solid rgba(255,255,255,.4);padding:32px}.auth-visual{display:none}.auth-form{padding:32px}}.dashboard{padding:34px 0}.profile-band{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;padding:22px}.profile-band img{width:72px;height:72px;border-radius:50%;object-fit:cover}.profile-band p,.profile-band h1{margin:0 0 6px}.profile-band p{color:#1767ef;font-weight:800}.profile-band span{color:#667085}.profile-band strong{color:#1767ef;font-size:28px}.member-hero{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr) 220px;gap:28px;align-items:center;min-height:210px;overflow:hidden;padding:34px 56px;border:1px solid #e1e9f6;border-radius:8px;background:radial-gradient(circle at 14% 22%,rgba(23,103,239,.18),transparent 24%),linear-gradient(132deg,#fff,#f8fbff 42%,#eaf2ff);box-shadow:0 10px 28px #263f6b0f}.member-hero:after{position:absolute;right:-5%;bottom:-48%;width:72%;height:100%;border-radius:50%;background:repeating-linear-gradient(134deg,rgba(23,103,239,.1) 0 1px,transparent 1px 12px),linear-gradient(90deg,transparent,rgba(23,103,239,.08));content:""}.member-avatar-block,.member-identity,.member-points{position:relative;z-index:1}.member-avatar-block{display:grid;justify-items:center;gap:8px}.member-avatar{position:relative}.member-avatar img{width:108px;height:108px;border:4px solid rgba(255,255,255,.82);border-radius:50%;object-fit:cover;box-shadow:0 12px 30px #1767ef2e}.member-avatar button{position:absolute;right:2px;bottom:2px;display:inline-grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid #c8d9f5;border-radius:50%;color:#1767ef;background:#fff}.avatar-text-button{border:0;color:#667085;background:transparent;font-weight:800}.member-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.member-name-row h1{margin:0;font-size:clamp(28px,4vw,38px)}.member-name-row span{padding:4px 10px;border-radius:8px;color:#1767ef;background:#eaf2ff;font-weight:900}.member-email,.member-welcome{display:flex;align-items:center;gap:8px;margin:12px 0 0;color:#536174;font-weight:800}.member-welcome{color:#8a96a8;font-weight:700}.member-points{display:grid;justify-items:start;gap:8px;color:#536174;font-weight:800}.member-points strong{color:#1767ef;font-size:50px;line-height:1}.member-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.member-action-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 28px;border:1px solid #e1e9f6;border-radius:8px;background:#fff;box-shadow:0 10px 28px #263f6b0d}.member-action-icon{display:inline-grid;width:54px;height:54px;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(180deg,#2c7bf7,#145de6)}.member-action-icon.secure{background:linear-gradient(180deg,#10b9a5,#07957e)}.member-action-card h2,.member-section-head h2{margin:0;font-size:20px}.member-action-card p{margin:8px 0 0;color:#667085;font-weight:700}.member-section-card{margin-top:18px;padding:20px;border:1px solid #e1e9f6;border-radius:8px;background:#fff;box-shadow:0 10px 28px #263f6b0d}.member-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.member-section-head a{color:#1767ef;font-weight:900}.download-list{display:grid;gap:12px}.download-list article{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border:1px solid #edf2f9;border-radius:8px}.download-list img{width:110px;aspect-ratio:16 / 10;border-radius:8px;object-fit:cover}.download-info strong{display:block;margin-bottom:10px}.download-info p{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0;color:#667085;font-weight:700}.favorite-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.favorite-card{position:relative;display:grid;gap:8px;padding:10px;border:1px solid #e1e9f6;border-radius:8px;background:#fff}.favorite-card img{width:100%;aspect-ratio:16 / 10;border-radius:8px;object-fit:cover}.favorite-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-card span:last-child{width:fit-content;padding:4px 8px;border-radius:8px;color:#1767ef;background:#eaf2ff;font-size:13px;font-weight:900}.favorite-star{position:absolute;top:8px;right:8px;display:inline-grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#f5b700;background:#ffffffeb}.empty-line{margin:0;color:#667085;font-weight:800}.member-generation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.member-generation-card{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid #dce7f6;border-radius:8px;background:#f7fbff;box-shadow:0 10px 22px #263f6b0d}.member-generation-card img{width:100%;height:100%;object-fit:contain;background:#eef5ff}.member-generation-card:after{position:absolute;right:0;bottom:0;left:0;height:58%;background:linear-gradient(180deg,transparent,rgba(6,23,63,.62));content:""}.member-generation-overlay{position:absolute;right:12px;bottom:10px;left:12px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:12px}.member-generation-overlay div{display:grid;min-width:0;gap:3px}.member-generation-overlay strong,.member-generation-overlay span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-generation-overlay strong{color:#fff;font-size:14px;line-height:1.25;font-weight:900}.member-generation-overlay span{color:#ffffffd1;font-size:12px;font-weight:800}.member-generation-overlay a{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:8px;color:#1767ef;background:#ffffffe6;box-shadow:0 8px 18px #06173f2e}.member-generation-overlay a:hover{background:#fff}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#14203394;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-modal{width:min(100%,520px);padding:24px;border:1px solid #d9e4f5;border-radius:8px;background:#fff;box-shadow:0 28px 60px #0d182c3d}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{margin:0}.modal-head button{display:inline-grid;width:32px;height:32px;padding:0;place-items:center;border:0;color:#536174;background:transparent}.settings-modal label{display:grid;gap:8px;margin-bottom:14px;color:#344054;font-weight:800}.settings-modal input{width:100%;height:42px;padding:0 12px;border:1px solid #d5dfef;border-radius:8px;color:#142033;background:#fff}.settings-modal input:disabled{color:#667085;background:#f2f6fb}.avatar-setting-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;align-items:center}.avatar-setting-row img{width:86px;height:86px;border-radius:50%;object-fit:cover}.settings-modal .avatar-upload-control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;overflow:hidden;border:1px solid #b9cdf1;border-radius:8px;color:#1767ef;background:#fff;font-weight:900}.settings-modal .avatar-upload-control input{position:absolute;inset:0;height:100%;padding:0;cursor:pointer;opacity:0}.settings-modal .avatar-upload-control span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-crop-panel{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:center;margin:6px 0 14px;padding:14px;border:1px solid #dbe6f5;border-radius:8px;background:#f8fbff}.avatar-crop-preview{display:grid;width:156px;height:156px;place-items:center;overflow:hidden;border:2px solid #1767ef;border-radius:50%;background:#eaf2ff}.avatar-crop-preview canvas{width:156px;height:156px;border-radius:50%}.avatar-crop-controls{display:grid;gap:10px}.avatar-crop-controls label{gap:6px;margin-bottom:0;color:#536174;font-size:13px}.settings-modal .avatar-crop-controls input[type=range]{height:24px;padding:0;border:0;accent-color:#1767ef}.form-hint{margin:-4px 0 14px;color:#667085;font-size:13px;font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.record-grid p{margin:8px 0;color:#667085}.record-grid a{color:#1767ef;font-weight:800}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.admin-grid article{padding:22px}.admin-grid span{display:block;color:#667085;font-weight:800}.admin-grid strong{display:block;margin-top:10px;color:#1767ef;font-size:34px}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.admin-tabs button{min-height:40px;padding:0 16px;border:1px solid #c7d8f3;border-radius:8px;color:#425066;background:#fff;font-weight:900}.admin-tabs button.active{color:#fff;border-color:#1767ef;background:#1767ef}.admin-panel{display:grid;gap:16px}.admin-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) minmax(130px,180px) auto;gap:12px;align-items:end;padding:16px;border:1px solid #e1e9f6;border-radius:8px;background:#fff}.admin-toolbar label,.points-redeem-card label{display:grid;gap:8px;color:#344054;font-weight:800}.admin-toolbar input,.admin-toolbar select,.admin-table-card input,.admin-table-card select,.points-redeem-card input{width:100%;min-height:40px;padding:0 10px;border:1px solid #d5dfef;border-radius:8px;color:#142033;background:#fff}.admin-table-card{margin-top:0}.admin-table-card td strong,.table-subtext{display:block}.material-cell{display:grid;grid-template-columns:86px minmax(220px,1fr);gap:12px;align-items:center}.material-cell img{width:86px;aspect-ratio:16 / 10;border-radius:8px;object-fit:cover;background:#edf4ff}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.pagination-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding-top:16px}.pagination-bar span{margin-right:auto;color:#667085;font-weight:800}.pagination-bar select{width:auto;min-height:40px;padding:0 10px;border:1px solid #d5dfef;border-radius:8px;color:#142033;background:#fff}.table-subtext{margin-top:4px;color:#667085;font-size:13px;font-weight:700}.inline-adjust{display:grid;grid-template-columns:110px minmax(150px,1fr) auto;gap:8px;align-items:center}.compact-form{gap:12px}.generated-key-list{display:grid;gap:8px;padding:12px;border:1px solid #dbe6f5;border-radius:8px;background:#f8fbff}.generated-key-list code,td code{color:#142033;font-family:SFMono-Regular,Consolas,monospace;font-weight:800}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:8px;background:#eaf2ff;color:#1767ef;font-size:13px;font-weight:900}.status-pill.used{color:#667085;background:#eef2f7}.status-pill.disabled,.status-pill.archived{color:#b42318;background:#fff0ee}.material-edit-modal textarea,.material-edit-modal select{width:100%;border:1px solid #d5dfef;border-radius:8px;color:#142033;background:#fff}.material-edit-modal textarea{resize:vertical;padding:12px;line-height:1.6}.material-edit-modal select{min-height:42px;padding:0 12px}.admin-upload{display:grid;gap:14px;padding:22px;border:1px solid #e1e9f6;border-radius:8px;background:#fff;box-shadow:0 10px 28px #263f6b0f}.admin-upload label{display:grid;gap:8px;color:#344054;font-weight:800}.admin-upload input,.admin-upload select,.admin-upload textarea{width:100%;border:1px solid #d5dfef;border-radius:8px;background:#fff;color:#142033}.admin-upload input,.admin-upload select{min-height:42px;padding:0 12px}.admin-upload textarea{resize:vertical;padding:12px;line-height:1.6}.admin-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-file-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px}.upload-card{position:relative;min-height:128px;padding:18px;overflow:hidden;border:1px dashed #9bbcf5;border-radius:8px;background:linear-gradient(135deg,#1767ef14,#fffffff2),#fff}.upload-card.package{border-color:#b8c5d8;background:linear-gradient(135deg,#1420330d,#fffffffa),#fff}.upload-card-title,.upload-card-desc,.upload-card-action{display:block}.upload-card-title{color:#142033;font-size:18px;font-weight:900}.upload-card-desc{min-height:22px;margin-top:8px;overflow:hidden;color:#667085;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.upload-card-action{width:fit-content;margin-top:18px;padding:8px 14px;border-radius:8px;color:#fff;background:#1767ef;font-size:14px;font-weight:900}.upload-card input[type=file]{position:absolute;inset:0;min-height:100%;padding:0;cursor:pointer;opacity:0}.image-preview-panel{padding:14px;border:1px solid #e1e9f6;border-radius:8px;background:#f8fbff}.image-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#142033;font-weight:900}.image-preview-head small{color:#667085;font-size:13px}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.image-preview-grid figure{margin:0;overflow:hidden;border:1px solid #dbe6f5;border-radius:8px;background:#fff}.image-preview-grid img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.image-preview-grid figcaption{padding:8px 10px;color:#536174;font-size:13px;font-weight:800}.points-summary{padding:28px}.points-redeem-card{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:14px;align-items:end;margin-top:18px;padding:22px}.points-redeem-card .notice{grid-column:1 / -1;margin-top:0}.points-summary p,.points-summary span{margin:0;color:#667085}.points-summary strong{display:block;margin:8px 0;color:#1767ef;font-size:48px}.table-card{margin-top:18px;padding:22px;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 10px;border-bottom:1px solid #eef2f7;text-align:left;white-space:nowrap}th{color:#536174}.income{color:#079455;font-weight:800}.consume{color:#d92d20;font-weight:800}@media(max-width:1180px){.site-header{grid-template-columns:1fr;height:auto;padding:14px 24px}.brand,.header-actions{justify-self:center}.nav-links{gap:28px}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{padding-left:48px}.member-hero{grid-template-columns:120px minmax(0,1fr)}.member-points{grid-column:2}.member-action-card{grid-template-columns:54px minmax(0,1fr)}.member-action-card .secondary-button{grid-column:1 / -1;width:100%}.favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.shell{width:min(100% - 28px,1460px)}.brand-logo{width:200px;height:auto}.nav-links{display:none}.mobile-menu-btn,.mobile-nav{display:flex}.header-actions{flex-wrap:wrap}.hero,.detail-layout,.create-layout,.filter-bar{grid-template-columns:1fr}.create-hero h1{font-size:32px}.create-form,.create-preview-card{padding:22px}.style-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.size-tabs,.preview-actions,.history-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-poster{grid-template-columns:1fr;min-height:520px;padding:44px 32px}.sample-copy small{margin-top:20px}.sample-stage{min-height:270px}.hero{min-height:360px}.hero-copy{padding:36px 24px}.hero-visual{min-height:120px}.floating-ring{top:-24px;right:42px;width:150px;height:150px;border-width:30px}.case-grid,.record-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-band{grid-template-columns:64px 1fr}.profile-band strong{grid-column:1 / -1}.member-hero,.member-action-grid,.download-list article{grid-template-columns:1fr}.member-hero{padding:28px}.member-points{grid-column:auto}.member-avatar-block,.member-points{justify-items:start}.download-list article .secondary-button{width:100%}}@media(max-width:560px){.brand-logo{width:160px;height:auto}.case-grid,.record-grid,.admin-grid,.admin-toolbar,.admin-form-row,.admin-file-row,.inline-adjust,.points-redeem-card,.favorite-grid,.avatar-crop-panel,.avatar-setting-row{grid-template-columns:1fr}.member-section-card{padding:14px}.member-section-head,.modal-actions{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{min-width:0;padding:0 16px}.create-page{padding-top:16px}.create-hero span{font-size:14px;line-height:1.7}.create-form,.create-preview-card{padding:18px}.style-tabs,.size-tabs,.preview-actions,.history-strip{grid-template-columns:1fr}.sample-poster{min-height:460px;padding:34px 22px}.sample-copy h2{font-size:30px}.sample-arch{right:42px}.sample-platform{right:28px;width:230px}.sample-vase{right:122px}.sample-ball-main{right:-28px}}@media(max-width:380px){.shell{padding-left:12px;padding-right:12px}.kefu-dropdown{width:200px}.hero h1{font-size:clamp(26px,8vw,32px)}.hero-copy{padding:20px 12px}.create-form,.create-preview-card{padding:12px}.detail-preview{min-height:220px}.gallery-nav{width:40px;height:40px}.gallery-nav.previous{left:12px}.gallery-nav.next{right:12px}}main.no-header{padding-top:0!important;min-height:100vh}.admin-container{display:flex;min-height:100vh;background:#f8fafc}.admin-sidebar{width:260px;background:#142033;color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;box-shadow:4px 0 20px #0000001a}.sidebar-logo{padding:32px 24px;display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900;letter-spacing:-.5px}.logo-icon{width:32px;height:32px;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.sidebar-menu{flex:1;padding:0 12px;display:flex;flex-direction:column;gap:4px}.sidebar-menu button{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:0;border-radius:10px;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.sidebar-menu button:hover{background:#ffffff0d;color:#fff}.sidebar-menu button.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.sidebar-footer{padding:24px;border-top:1px solid rgba(255,255,255,.05)}.exit-link{display:flex;align-items:center;gap:10px;color:#94a3b8;text-decoration:none;font-size:14px;transition:color .2s}.exit-link:hover{color:#ef4444}.admin-workspace{flex:1;margin-left:260px;display:flex;flex-direction:column;min-width:0}.admin-top-bar{height:72px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90;border-bottom:1px solid #e2e8f0}.admin-top-bar h2{font-size:20px;font-weight:800;color:#1e293b;margin:0}.top-bar-right{display:flex;align-items:center;gap:16px}.workspace-content{padding:32px;flex:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:16px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0}.stat-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-icon.users{background:#eff6ff;color:#3b82f6}.stat-icon.materials{background:#f5f3ff;color:#8b5cf6}.stat-icon.downloads{background:#fff7ed;color:#f97316}.stat-icon.keys{background:#ecfdf5;color:#10b981}.stat-info span{display:block;font-size:13px;font-weight:600;color:#64748b;margin-bottom:4px}.stat-info strong{font-size:24px;font-weight:900;color:#1e293b}.dashboard-welcome{background:#fff;padding:40px;border-radius:20px;text-align:center;border:2px dashed #e2e8f0}.dashboard-welcome h3{font-size:24px;font-weight:800;margin-bottom:12px}.dashboard-welcome p{color:#64748b}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding-top:24px;margin-top:24px;border-top:1px solid #f1f5f9}.pagination-btns{display:flex;gap:8px}@media(max-width:1024px){.admin-sidebar{width:80px}.sidebar-logo span,.sidebar-menu button span{display:none}.admin-workspace{margin-left:80px}}.modal-overlay{position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-modal{width:90%;max-width:800px;max-height:90vh;overflow:hidden;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9}.modal-header h3{margin:0;font-size:20px;font-weight:800}.close-btn{width:32px;height:32px;border:0;border-radius:50%;background:#f1f5f9;font-size:24px;line-height:1;cursor:pointer;transition:all .2s}.close-btn:hover{background:#e2e8f0;color:#ef4444}.admin-upload.scrollable{flex:1!important;padding:24px!important;overflow-y:auto!important;border:0!important;box-shadow:none!important;background:transparent!important}.admin-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f1f5f9;background:#f8fafc}.admin-modal-footer .secondary-button{min-width:100px}.admin-modal-footer .primary-button{min-width:140px}.notice.info{margin:0 24px 12px;padding:10px 14px;background:#eff6ff;border-left:4px solid #3b82f6;color:#1d4ed8;font-size:13px}@media(max-width:768px){.admin-tabs-row{flex-direction:column;align-items:stretch;gap:16px;border-bottom:0}.admin-tab-actions{justify-content:flex-end;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.admin-modal{width:95%}}.user-info-cell{display:flex;align-items:center;gap:12px;padding:4px 0}.user-avatar-mini{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:14px;font-weight:900;box-shadow:0 4px 10px #6366f133}.user-details{display:flex;flex-direction:column;gap:2px}.user-nickname{color:#142033;font-size:14px;font-weight:800}.user-email{color:#64748b;font-size:12px}.role-badge-pill{appearance:none;padding:4px 12px;border:1px solid transparent;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;text-align:center}.role-badge-pill.user{background:#f1f5f9;color:#475569}.role-badge-pill.admin{background:#fef2f2;color:#dc2626;border-color:#fecaca}.role-badge-pill:hover{filter:brightness(.95)}.points-balance-display{display:inline-flex;align-items:center;gap:6px;color:#f59e0b;font-weight:900;font-size:15px}.stats-mini-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:600}.table-date-cell{color:#94a3b8;font-size:12px}.compact-adjust-group{display:flex;align-items:center;gap:6px;max-width:280px}.compact-adjust-group input{height:32px;padding:0 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;transition:all .2s}.compact-adjust-group .delta-input{width:60px;font-weight:800;color:#1767ef}.compact-adjust-group .remark-input{flex:1}.compact-adjust-group input:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.confirm-btn{height:32px;padding:0 12px;border:0;border-radius:6px;background:#142033;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.confirm-btn:hover{background:#1e293b;transform:translateY(-1px)}.confirm-btn:active{transform:translateY(0)}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.generated-result-box{margin-top:24px;padding:20px;border-radius:16px;background:#f0fdf4;border:1px solid #bbf7d0}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.result-header span{color:#166534;font-weight:800;font-size:15px}.result-header small{color:#15803d;opacity:.8}.keys-flex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.key-item-card{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border:1px solid #dcfce7;border-radius:8px;cursor:pointer;transition:all .2s}.key-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1665341a;border-color:#86efac}.key-item-card code{color:#166534;font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px}.key-cell{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:#f8fafc;border-radius:6px;cursor:pointer;transition:all .2s}.key-cell:hover{background:#f1f5f9;color:#1767ef}.key-cell code{font-family:JetBrains Mono,monospace;font-weight:600}.copy-hint{opacity:.3}.key-cell:hover .copy-hint{opacity:1}.status-pill-mini{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.status-pill-mini.active{background:#dcfce7;color:#15803d}.status-pill-mini.used{background:#f1f5f9;color:#64748b}.status-pill-mini.disabled{background:#fee2e2;color:#b91c1c}.settings-card{max-width:700px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}.card-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.card-header h3{margin:0;font-size:16px;font-weight:800;color:#1e293b}.settings-form-body{padding:24px}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #f1f5f9}.settings-label-group label{display:block;font-weight:800;color:#1e293b;margin-bottom:4px}.settings-label-group p{font-size:13px;color:#64748b;margin:0}.settings-input-group{display:flex;align-items:center;gap:10px}.settings-input-group input{width:120px;height:40px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font-weight:800;font-size:16px;text-align:right;color:#1767ef}.input-unit{font-size:13px;font-weight:600;color:#94a3b8}.settings-footer{display:flex;justify-content:flex-end}@media(max-width:640px){.settings-item{flex-direction:column;align-items:flex-start;gap:16px}.settings-input-group{width:100%}.settings-input-group input{flex:1}}.admin-toolbar.inline-flex{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:#fff;border-radius:12px;margin-bottom:20px;border:1px solid #e2e8f0}.toolbar-left-group{display:flex;align-items:center;gap:8px;flex:1}.toolbar-left-group input{max-width:400px;height:40px;flex:1}.toolbar-left-group .secondary-button{height:40px;white-space:nowrap}.toolbar-right-group{display:flex;align-items:center}.toolbar-right-group .primary-button{display:flex;align-items:center;gap:8px}.cases-header{padding:60px 0 40px;background:linear-gradient(to bottom,#f8fafc,#fff);text-align:center}.page-main-title{font-size:36px;font-weight:900;color:#1e293b;margin-bottom:12px;letter-spacing:-1px}.page-sub-title{font-size:16px;color:#64748b;font-weight:500}.search-section{margin-top:-30px;margin-bottom:40px;position:relative;z-index:10}.search-hub{display:flex;align-items:center;background:#fff;padding:8px;border-radius:20px;box-shadow:0 20px 40px #00000014;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-hub:focus-within{transform:translateY(-2px);box-shadow:0 25px 50px #3b82f61f;border-color:#3b82f6}.search-input-area{flex:1;display:flex;align-items:center;padding:0 20px;gap:12px}.search-icon{color:#94a3b8}.search-input-area input{width:100%;border:0;background:transparent;height:48px;font-size:16px;font-weight:600;color:#1e293b;outline:none}.filter-controls{display:flex;align-items:center;gap:8px;padding:0 16px;border-left:1px solid #f1f5f9}.select-wrapper{position:relative}.select-wrapper select{appearance:none;background:#f8fafc;border:1px solid #f1f5f9;padding:8px 16px;border-radius:12px;font-size:14px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.select-wrapper select:hover{background:#f1f5f9;color:#1e293b}.search-action-btn{background:#3b82f6;color:#fff;border:0;padding:0 28px;height:48px;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d;white-space:nowrap}.search-action-btn:hover{background:#2563eb;transform:scale(1.02);box-shadow:0 6px 16px #3b82f666}.tags-cloud-section{margin-bottom:40px}.tags-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tag-pill{padding:8px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:100px;font-size:14px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s}.tag-pill:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.tag-pill.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f633}@media(max-width:768px){.search-hub{flex-direction:column;padding:16px;border-radius:24px}.search-input-area{width:100%;padding:0;margin-bottom:12px}.filter-controls{width:100%;padding:12px 0 0;border-left:0;border-top:1px solid #f1f5f9;margin-bottom:16px;justify-content:space-between}.select-wrapper select{flex:1}.search-action-btn{width:100%}}.create-layout{display:grid;grid-template-columns:560px 1fr;gap:30px;padding:20px 0 80px;align-items:start}.lite-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.vertical-marker{width:4px;height:18px;background:#3b82f6;border-radius:2px}.lite-section-title strong{font-size:16px;font-weight:800;color:#1e293b}.lite-section-title small{font-size:13px;color:#94a3b8;font-weight:500}.lite-panel{background:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 24px #0000000a;border:1px solid #f1f5f9}.form-item{margin-bottom:32px}.lite-input-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:4px;transition:all .2s}.lite-input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f60d}.lite-input-wrapper textarea{width:100%;padding:12px 14px;border:0;background:transparent;font-size:14px;line-height:1.6;color:#1e293b;resize:none;outline:none}.count-hint{display:block;text-align:right;padding:4px 12px 8px;font-size:11px;color:#94a3b8;font-weight:600}.lite-upload-zone{display:flex;flex-direction:column;gap:12px}.lite-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:#f0f7ff;border:2px dashed #3b82f6;border-radius:16px;cursor:pointer;transition:all .2s}.lite-dropzone:hover{background:#e6f0ff;transform:translateY(-2px)}.lite-dropzone input[type=file]{display:none}.lite-dropzone .upload-icon{color:#3b82f6;margin-bottom:12px}.lite-dropzone strong{font-size:14px;color:#3b82f6;margin-bottom:4px}.lite-dropzone span{font-size:12px;color:#64748b}.lite-tabs{display:flex;flex-wrap:wrap;gap:8px}.lite-tab{padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s}.lite-tab:hover{border-color:#cbd5e1;color:#1e293b}.lite-tab.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.lite-primary-btn{width:100%;height:52px;background:#3b82f6;color:#fff;border:0;border-radius:12px;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f633}.lite-primary-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.lite-primary-btn:disabled{background:#e2e8f0;box-shadow:none;cursor:not-allowed}.preview-card-lite{background:#fff;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 4px 24px #0000000a;padding:32px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.head-left{display:flex;align-items:center;gap:12px}.ai-badge{font-size:11px;font-weight:800;color:#3b82f6;background:#eff6ff;padding:2px 8px;border-radius:6px}.head-right{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:4px}.canvas-viewport{width:100%;aspect-ratio:16 / 10;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;position:relative}.canvas-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.placeholder-graphic{position:relative;margin-bottom:24px;color:#cbd5e1}.graphic-waves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);border-radius:50%}.canvas-empty h3{font-size:18px;font-weight:800;color:#475569;margin-bottom:8px}.canvas-empty p{font-size:14px;color:#94a3b8;max-width:260px}.lite-progress{width:240px;height:4px;background:#f1f5f9;border-radius:10px;margin-top:30px;overflow:hidden}.progress-bar{height:100%;background:#3b82f6;border-radius:10px;transition:width .3s}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.view-all{font-size:13px;color:#94a3b8;text-decoration:none;font-weight:600}.history-rail-lite{display:flex;gap:12px;margin-top:20px;overflow-x:auto;padding-bottom:8px}.history-rail-lite::-webkit-scrollbar{height:4px}.history-rail-lite::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.history-thumb{width:120px;height:120px;flex:0 0 auto;border-radius:12px;overflow:hidden;border:1px solid #f1f5f9;cursor:pointer;transition:all .2s}.history-thumb:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#3b82f6}.history-thumb img{width:100%;height:100%;object-fit:cover}.history-placeholder{width:100%;height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed #e2e8f0;border-radius:12px;color:#cbd5e1;font-size:13px;font-weight:600}.result-image{width:100%;height:100%;position:relative}.result-image img{width:100%;height:100%;object-fit:contain}.canvas-actions{position:absolute;bottom:20px;right:20px;display:flex;gap:10px}.tool-btn{width:40px;height:40px;border-radius:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.tool-btn:hover{background:#fff;color:#3b82f6;border-color:#3b82f6;transform:translateY(-2px)}.collapsible-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;display:flex;align-items:center;width:100%}.collapsible-trigger:hover strong{color:#3b82f6}.count-badge{color:#3b82f6;font-weight:700;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.expand-icon{margin-left:auto;color:#94a3b8;transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-icon.expanded{transform:rotate(180deg);color:#3b82f6}.lite-upload-zone{animation:slide-down .3s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}