:root{--bg: #f4f1ec;--text: #111111;--muted: #6a635d;--card: #ffffff;--accent: #1f4d71;--accent-2: #b8713e}*{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Pretendard,sans-serif;background-color:#eef4fa;background-image:none;color:var(--text)}main{max-width:1140px;margin:0 auto;padding:0 16px 60px}.hero{position:relative;min-height:360px;margin-top:20px;border-radius:24px;background:linear-gradient(120deg,#0f2a3f,#5f3d2c 60%,#987154);overflow:hidden}.admin-hero{margin-top:20px;border-radius:20px;padding:28px;color:#fff;background:linear-gradient(120deg,#102739,#3b1f2d 60%,#8d5f3e)}.admin-hero h1{margin:0 0 8px}.admin-hero p{margin:0;color:#e8dfd9}.admin-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-logout-btn{border:1px solid rgba(255,255,255,.42);background:#0910185c;color:#fff;border-radius:10px;min-height:38px;padding:0 12px;font-weight:800}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 35%)}.hero-content{position:relative;padding:52px 32px;max-width:720px}.brand{letter-spacing:.12em;text-transform:uppercase;color:#f4d9c1}h1{margin:0 0 10px;font-size:clamp(2rem,6vw,3.4rem);color:#fff}.hero p{color:#efe5de}.filters{margin:24px 0;display:flex;flex-wrap:wrap;gap:10px}.filters button,button{border:none;border-radius:999px;padding:10px 16px;cursor:pointer;background:#e7ddd3;color:#281f19;font-weight:600}button.ghost{background:#f0ebe5}.filters button.active{background:var(--accent);color:#fff}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{position:relative;background:linear-gradient(180deg,#fff,#faf6f2);border-radius:16px;overflow:hidden;border:1px solid #b89d84;outline:2px dashed #d7bd86;outline-offset:4px;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #140d081a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,outline-color .2s ease}.card:hover{transform:translateY(-2px);border-color:#b0885f;outline-color:#dcc38f;box-shadow:inset 0 1px #fffffff2,0 14px 30px #140d0829}.gallery-item-button{border:0;padding:0;margin:0;display:block;width:100%;background:transparent;border-radius:0}.card img,.card video{width:100%;height:280px;background:#ddd}.card img{object-fit:contain;object-position:center}.card video{object-fit:cover}.card-meta{padding:10px 12px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,#f8f2ec,#f2e9df);border-top:1px solid #ebddcf}.cat{margin:0;color:#fff;background:linear-gradient(135deg,#1f4d71,#183a56);border:1px solid rgba(255,255,255,.25);padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.card-title{margin:0;color:#9a8e84;font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.admin-auth,.admin-panel,.count-board,.admin-mini-gallery{margin-top:24px;background:#fff;border-radius:14px;padding:18px}form{display:grid;gap:12px}input,textarea,select{width:100%;margin-top:6px;border:1px solid #d8ccc0;border-radius:10px;padding:10px;font:inherit}.checkbox-row{display:flex;gap:8px;align-items:center}.checkbox-row input{width:18px;margin:0}.admin-actions{display:flex;gap:10px}.count-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.count-card{border:1px solid #eadfd4;border-radius:12px;padding:12px;background:#f9f6f2;text-align:left}.count-card.active{background:#1f4d71;color:#fff}.count-card.active p{color:#d7e6f2}.count-card p{margin:0 0 8px;color:var(--muted);font-size:1.02rem;font-weight:800}.count-card strong{display:block;text-align:right;font-size:1.45rem}.thumb-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.admin-order-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px}.order-save-btn{background:#1f4d71;color:#fff;min-height:38px;white-space:nowrap}.order-save-btn:disabled{background:#8d9ead;cursor:not-allowed}.thumb-card{position:relative;border-radius:10px;overflow:hidden;background:#f2f2f2;min-height:110px;cursor:grab;border:1px solid #dac9b8;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.thumb-card:hover{box-shadow:0 6px 14px #1414141f}.thumb-card:active{cursor:grabbing}.thumb-card.dragging{opacity:.55;transform:scale(.98)}.thumb-card img,.thumb-card video{width:100%;height:110px;object-fit:cover;display:block}.order-chip{position:absolute;left:6px;top:6px;min-width:26px;height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#fff;background:#102739e0;border:1px solid rgba(255,255,255,.28)}.trash-button{position:absolute;left:6px;bottom:6px;width:30px;height:30px;border-radius:50%;padding:0;background:#fff;border:1px solid rgba(186,54,54,.55);color:#c62e2e}.heart-button{position:absolute;right:6px;bottom:6px;width:30px;height:30px;border-radius:50%;padding:0;background:#fff;border:1px solid rgba(180,120,120,.5);color:#8a6f6f}.heart-button.active{color:#d12f4d;border-color:#d12f4da6}.trash-button svg,.heart-button svg{width:17px;height:17px;display:block;margin:0 auto;fill:currentColor}.site-footer{margin-top:28px;padding:18px;border-top:1px solid #dbcdbf;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.site-footer p{margin:4px 0;color:var(--muted);font-size:.9rem}.wechat-link{position:fixed;right:20px;bottom:20px;z-index:900;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border-radius:999px;background:linear-gradient(135deg,#07c160,#04974b);border:1px solid #038f46;color:#fff;text-decoration:none;box-shadow:0 8px 18px #05713840;transition:transform .18s ease,box-shadow .18s ease}.wechat-link svg{width:54px;height:54px;fill:currentColor}.wechat-link:hover{transform:translateY(-1px);box-shadow:0 12px 22px #05713852}.admin-fab{position:fixed;left:20px;bottom:20px;width:48px;height:48px;border-radius:50%;font-size:1.1rem;padding:0;background:#1f4d71;color:#fff;box-shadow:0 8px 20px #00000047;z-index:900}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:980}.login-modal{width:min(420px,100%);background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 30px #0003}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-head h3{margin:0}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d6;display:grid;place-items:center;padding:12px;z-index:1000;cursor:zoom-out;touch-action:pinch-zoom}.image-lightbox img{display:block;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);width:auto;height:auto;object-fit:contain;border-radius:10px;background:#111;margin:0 auto}.status{color:var(--muted);margin:0}@media (max-width: 768px){.hero{min-height:300px}.hero-content{padding:36px 20px}.card img,.card video{height:396px}.site-footer{flex-direction:column;align-items:center;text-align:center}.admin-order-bar{flex-direction:column;align-items:stretch}.order-save-btn{width:100%}.admin-fab{left:14px;bottom:14px;width:46px;height:46px}.wechat-link{right:14px;bottom:14px;width:56px;height:56px}}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);min-width:220px;max-width:calc(100vw - 32px);padding:10px 14px;border-radius:10px;color:#fff;font-weight:600;text-align:center;z-index:1100;box-shadow:0 10px 24px #0000003d}.toast-success{background:#1e6b40}.toast-error{background:#8f2d2d}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:430px;margin-top:20px;border-radius:24px;background:linear-gradient(130deg,#0b1f31,#402719 58%,#8f623f);overflow:hidden;box-shadow:0 14px 36px #140c0859}.hero-content{position:relative;padding:54px 34px;max-width:640px;z-index:2}.brand{letter-spacing:.16em;text-transform:uppercase;color:#f2d5b8;font-weight:700}.hero h1{margin:10px 0 12px;font-size:clamp(2rem,5.2vw,3.35rem);color:#fff;line-height:1.06}.hero p{color:#f1e6dc;max-width:46ch}.hero-chip{display:inline-block;margin-top:14px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:bisque;font-size:.79rem;letter-spacing:.08em}.hero-art-wrap{position:relative;height:100%;min-height:360px;display:grid;place-items:center;padding:20px;z-index:2}.hero-art{width:min(100%,640px);max-height:380px;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.45))}.hero-art-fallback{width:min(100%,460px);min-height:220px;border-radius:18px;padding:22px;place-items:center;text-align:center;background:radial-gradient(circle at center,#1e3850,#4e2f1e);border:1px solid rgba(255,214,170,.35);color:#ffe5c9}.hero-art-fallback strong{font-size:2.2rem}.hero-art-fallback p{margin:8px 0 0;font-size:.9rem;color:#f6ddc3}@media (max-width: 900px){.hero{grid-template-columns:1fr;min-height:560px}.hero-content{padding:34px 22px 14px}.hero-art-wrap{min-height:280px;padding:12px 16px 24px}.hero-art{max-height:300px}}.admin-mobile-first{padding-bottom:18px}.step-block{border:1px solid #eadfd4;border-radius:12px;padding:12px;background:#fcfaf7}.step-title{margin:0 0 10px;font-weight:700}.category-chip-row{display:flex;flex-wrap:wrap;gap:8px}.category-chip{border-radius:12px;padding:10px 12px;background:#efe4d8}.category-chip.active{background:#1f4d71;color:#fff}.pick-file-box{display:grid;gap:8px;border:1px dashed #bda995;border-radius:12px;padding:12px;background:#fff}.pick-file-box span{font-weight:700}.emphasize{color:#8a4d16;font-weight:700}.primary-cta{background:#7f8c8d;color:#fff}.primary-cta:disabled{cursor:not-allowed;opacity:.75}.primary-cta.pulse{background:#1f4d71;animation:pulseBorder 1.25s infinite}.admin-actions-sticky{position:static;background:#fff;padding:8px;border:1px solid #e4d7ca;border-radius:12px;grid-template-columns:1fr}@keyframes pulseBorder{0%{box-shadow:0 0 #1f4d7173}70%{box-shadow:0 0 0 10px #1f4d7100}to{box-shadow:0 0 #1f4d7100}}.step-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.step-selected{margin:0;color:var(--muted);font-size:.88rem;text-align:right}@media (max-width: 520px){.step-head{flex-direction:column;align-items:flex-start}.step-selected{text-align:left}}.step-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:nowrap;margin-bottom:10px}.step-title{margin:0;white-space:nowrap;font-size:1rem}.step-selected{margin:0;color:var(--muted);font-size:.83rem;text-align:right;white-space:nowrap}.category-chip{min-height:44px;padding:10px 15px;border-radius:12px;border:1px solid #c8b8ab;box-shadow:0 1px 2px #00000014;font-size:.95rem;font-weight:700}.category-chip.active{border-color:#163c58;box-shadow:0 0 0 2px #1f4d7133}.primary-cta,.action-back{min-height:48px;font-size:1rem;border-radius:12px;font-weight:800}.action-back{border:1px solid #cbbeb1;background:#f6f1eb}.admin-home-fab{position:fixed;right:16px;bottom:18px;min-width:108px;height:52px;border-radius:999px;padding:0 18px;border:2px solid #0f324d;background:linear-gradient(135deg,#1f4d71,#163c58);color:#fff;font-size:1.05rem;font-weight:900;letter-spacing:.01em;box-shadow:0 12px 24px #08162259;z-index:930}@media (max-width: 520px){.admin-home-fab{right:12px;bottom:14px;min-width:98px;height:48px;font-size:1rem}}.pick-file-box{min-height:78px;border-radius:12px}.pick-file-box input[type=file]{min-height:44px}.trash-button{background:#c41f1ff5;border:1px solid rgba(255,255,255,.55);width:34px;height:34px;font-size:.95rem;box-shadow:0 3px 8px #0000003d}@media (max-width: 390px){.step-title{font-size:.95rem}.step-selected{font-size:.78rem}}.step-head{flex-wrap:nowrap!important}.step-title{flex:1 1 auto;min-width:0;margin-right:8px}.step-selected{flex:0 0 auto;white-space:nowrap}@media (max-width: 520px){.step-head{flex-direction:row!important;align-items:center}.step-title{font-size:.93rem}.step-selected{font-size:.74rem}}.selected-name{color:#143a57;font-weight:800;background:#e9f2fb;border-radius:6px;padding:1px 6px}.admin-actions-sticky button{word-break:keep-all;line-break:strict;overflow-wrap:normal;white-space:normal;text-wrap:balance}.admin-mobile-first>.status{margin-bottom:12px}.step-block .step-title{margin-bottom:12px}.step-block .pick-file-box+.status{margin-top:12px}.pick-file-box{padding:12px}.trash-button{background:#fff;color:#d62828;border:1px solid rgba(214,40,40,.45)}.trash-button{color:#d62828}.trash-button svg{width:18px;height:18px;fill:currentColor;display:block;margin:0 auto}.hero{position:relative;grid-template-columns:1fr;min-height:560px;background:radial-gradient(1200px 520px at -8% -12%,rgba(44,130,201,.26),transparent 45%),radial-gradient(900px 500px at 108% 120%,rgba(255,126,28,.3),transparent 52%),linear-gradient(140deg,#101721,#1a202c 56%,#2d1d13);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 42px #080a1061}.overlay{background:linear-gradient(155deg,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 50% 30%,rgba(255,255,255,.07),transparent 42%)}.hero-content{position:relative;padding:42px 26px 20px;max-width:760px;z-index:3}.brand{margin:0;font-size:.9rem;letter-spacing:.18em;color:#dfe8f4}.hero h1{margin:10px 0 12px;font-size:clamp(2rem,8.2vw,3.1rem);line-height:1.02;color:#fff;text-wrap:balance}.hero p{margin:0;max-width:34ch;font-size:clamp(1rem,3.8vw,1.05rem);color:#e1e7f0}.hero-chip{margin-top:16px;padding:7px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#f7ddc1;background:#ffffff08;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-art-wrap{position:relative;min-height:285px;padding:10px 14px 22px;z-index:2}.hero-art{width:min(100%,620px);max-height:320px;transform:translateY(4px);filter:saturate(1.12) contrast(1.1) brightness(1.03) drop-shadow(0 18px 30px rgba(6,10,18,.58))}@media (max-width: 900px){.hero{min-height:600px}.hero-content{padding:34px 20px 14px}.hero-art-wrap{min-height:250px;padding:8px 12px 18px}.hero-art{max-height:270px}}.hero .brand{margin-left:auto;text-align:right}.hero-chip-bottom{display:inline-block;margin:0 auto 18px;text-align:center}.hero{justify-items:stretch}.hero-chip-bottom{justify-self:center}.hero .brand{margin-left:0;text-align:left}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:0;background:#000000e0;cursor:zoom-out}.lightbox-panel{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}.lightbox-close{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#0c1016c7;color:#fff;font-size:1.7rem;line-height:1;z-index:2;padding:0}.lightbox-stage{flex:1;width:100%;height:100%;display:grid;place-items:center;touch-action:none;overflow:hidden;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;cursor:grab}.lightbox-stage:active{cursor:grabbing}.lightbox-stage img{transition:none;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;image-rendering:auto}.lightbox-slider-wrap{display:none}@media (max-width: 1023px){.lightbox-close{display:none}}@media (min-width: 1024px){.image-lightbox{padding:24px}.lightbox-panel{width:min(1140px,calc(100vw - 48px));height:min(86vh,860px);border-radius:16px;overflow:hidden;background:#06090e85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lightbox-slider-wrap{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0a0e14d6}.lightbox-slider-wrap input[type=range]{margin:0;width:100%;accent-color:#f5d8b9}.lightbox-slider-wrap span{min-width:54px;text-align:right;font-size:.88rem;font-weight:700;color:#f3e4d6}}@media (min-width: 1024px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"content art" "chip chip";align-items:start}.hero-content{grid-area:content;align-self:start;padding-top:68px;display:grid;gap:28px}.hero-content .brand,.hero-content h1,.hero-content p{margin:0}.hero-art-wrap{grid-area:art;align-self:start;justify-self:end;width:100%;padding-top:42px}.hero-art{transform:translateY(-32px);filter:saturate(1.14) contrast(1.13) brightness(1.04) drop-shadow(0 22px 36px rgba(4,8,14,.62))}.hero-chip-bottom{grid-area:chip;justify-self:center;margin:0 0 20px}}.hero-chip-bottom{font-size:clamp(.95rem,1.2vw,1.12rem);letter-spacing:.14em;padding:11px 22px;border-width:1.4px}.hero{background-size:165% 165%;animation:heroGradientFlow 18s ease-in-out infinite alternate}@keyframes heroGradientFlow{0%{background-position:0% 20%}50%{background-position:45% 55%}to{background-position:90% 80%}}.hero-art-wrap:after{content:"";position:absolute;left:10%;right:10%;bottom:8%;height:34%;background:radial-gradient(ellipse at center,#f8b77847,#101b2700);filter:blur(20px);pointer-events:none;z-index:1}.hero-art{position:relative;z-index:2;filter:saturate(1.15) contrast(1.14) brightness(1.05) drop-shadow(0 26px 44px rgba(4,8,14,.68))}@media (prefers-reduced-motion: reduce){.hero{animation:none}}