.page-login,.page-register,.page-forgot-password{display:flex;flex-direction:column;background:var(--surface-page);overflow:hidden}.page-login,.page-register,.page-forgot-password{--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.login-scroll{flex:1 1 0%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.login-scroll::-webkit-scrollbar{display:none}.login-hero{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--space-8) + env(safe-area-inset-top)) var(--space-6) var(--space-8);background:linear-gradient(165deg,oklch(93% .055 62) 0%,oklch(96.5% .02 57) 55%,var(--surface-page) 100%);overflow:hidden}.login-hero:before{content:"";position:absolute;width:260px;height:260px;border-radius:var(--radius-full);background:radial-gradient(circle,#ffcca380,#ffcca300 70%);background:radial-gradient(circle,color(xyz 0.702 0.669 0.403 / 0.502),color(xyz 0.702 0.669 0.403 / 0) 70%);top:-100px;right:-80px;pointer-events:none}.login-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:var(--radius-full);background:radial-gradient(circle,#fdd7ac73,#fdd7ac00 70%);bottom:-70px;left:-60px;pointer-events:none}.login-brand:after{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:120px;height:120px;border-radius:var(--radius-full);background:radial-gradient(circle,oklch(1 0 0 / .35) 0%,transparent 70%);pointer-events:none}.login-brand{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.login-logo{width:64px;margin-bottom:var(--space-2);animation:loginPop .6s var(--ease-out-expo) both,loginLogoFloat 3.5s ease-in-out .9s infinite}.login-logo img{width:100%;display:block}.login-app-name{display:flex;align-items:center;gap:var(--space-2);font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--color-gray-900);margin-bottom:var(--space-1);animation:loginFadeUp .55s var(--ease-out-expo) .15s both}.login-app-badge{padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-size:11px;font-weight:800;letter-spacing:.05em}.login-app-tag{font-size:var(--text-sm);color:var(--color-gray-500);animation:loginFadeUp .55s var(--ease-out-expo) .25s both}.login-stars{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:calc(var(--space-4) + 4px);padding:var(--space-4) var(--space-3) var(--space-2);background:#fff9;border:1px solid oklch(1 0 0 / .75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:loginFadeUp .55s var(--ease-out-expo) .45s both}.login-stars-flag{position:absolute;top:-10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:3px var(--space-3);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:800;white-space:nowrap;box-shadow:var(--shadow-sm)}.login-star{display:flex;flex-direction:column;align-items:center;text-align:center}.login-star-avatar{position:relative;width:40px;height:40px;margin-bottom:4px}.login-star-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;border:2px solid #fff;box-shadow:var(--shadow-sm)}.login-star-rank{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff;box-shadow:var(--shadow-sm)}.login-star-rank.rank-1{background:linear-gradient(135deg,#d4a800,#c49000,#b37900);background:linear-gradient(135deg,color(xyz 0.412 0.419 0.047),color(xyz 0.335 0.315 0.011),color(xyz 0.269 0.229 -0.012))}.login-star-rank.rank-2{background:linear-gradient(135deg,#bfc5ca,#86909b)}.login-star-rank.rank-3{background:linear-gradient(135deg,#c47c3b,#a44c1d)}.login-star strong{font-size:11px;font-weight:700;color:var(--color-gray-900)}.login-star>span{font-size:10px;font-weight:600;color:var(--color-primary-dark)}.login-panel{position:relative;z-index:1;margin-top:calc(var(--space-8) * -1);padding:0 var(--space-5);animation:loginFadeUp .55s var(--ease-out-expo) .35s both}.login-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:0 6px 24px #896a5614;padding:var(--space-6) var(--space-5) var(--space-5)}.login-title{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1)}.login-subtitle{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-3);transition:opacity var(--duration-fast) var(--ease-out-quart)}.role-tabs{position:relative;display:flex;padding:3px;background:var(--color-gray-100);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.role-tabs-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out-expo)}.role-tabs.staff-active .role-tabs-indicator{transform:translate(100%)}.role-tab{position:relative;z-index:1;flex:1 1 0%;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 0;font-size:var(--text-sm);font-weight:600;color:var(--color-gray-500);text-align:center;transition:color var(--duration-fast) var(--ease-out-quart)}.role-tab svg{flex-shrink:0;width:14px;height:14px}.role-tab.is-active{color:var(--color-primary-dark)}.login-form{display:flex;flex-direction:column}.login-field{display:flex;align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-4);background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.login-field:focus-within{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.login-field>svg{flex-shrink:0;width:18px;height:18px;color:var(--color-gray-400);transition:color var(--duration-fast) var(--ease-out-quart)}.login-field:focus-within>svg{color:var(--color-primary)}.login-field input{flex:1 1 0%;min-width:0;height:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--color-gray-900)}.login-field input::placeholder{color:var(--color-gray-400)}.login-field.is-error{border-color:var(--color-error);animation:loginShake .3s var(--ease-out-quart)}.pwd-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--color-gray-400);transition:color var(--duration-fast) var(--ease-out-quart)}.pwd-toggle svg{width:18px;height:18px}.pwd-toggle:hover{color:var(--color-gray-600)}.pwd-toggle .icon-eye-off,.pwd-toggle.is-visible .icon-eye{display:none}.pwd-toggle.is-visible .icon-eye-off{display:block}.login-field[hidden]{display:none}.code-btn{flex-shrink:0;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--color-primary);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out-quart)}.code-btn:disabled{color:var(--color-gray-400);cursor:default}.login-row-links{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.login-row-divider{width:1px;height:12px;background:var(--color-gray-200)}.login-row{display:flex;justify-content:space-between;align-items:center;margin:var(--space-1) 0 var(--space-4)}.login-row-hint{font-size:var(--text-xs);color:var(--color-gray-400);transition:opacity var(--duration-fast) var(--ease-out-quart)}.login-link{font-size:var(--text-xs);font-weight:700;color:var(--color-primary);background:transparent;border:none;padding:0;cursor:pointer}.login-submit{position:relative}.btn-primary.login-submit{padding-top:13px;padding-bottom:13px;font-size:.9375rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:0 6px 18px -4px #b95e0059,0 0 0 1px #ffffff1f inset;box-shadow:0 6px 18px -4px oklch(.58 .19 55 / .35),0 0 0 1px #ffffff1f inset;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.btn-primary.login-submit:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);box-shadow:0 8px 22px -4px #b95e006b,0 0 0 1px #ffffff1f inset;box-shadow:0 8px 22px -4px oklch(.58 .19 55 / .42),0 0 0 1px #ffffff1f inset;transform:translateY(-1px)}.login-submit-text{display:inline-flex;align-items:center;gap:var(--space-2)}.login-submit.is-loading{pointer-events:none;opacity:.85}.login-submit.is-loading .login-submit-text{visibility:hidden}.login-submit.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:var(--radius-full);border:2.5px solid oklch(1 0 0 / .4);border-top-color:#fff;animation:loginSpin .7s linear infinite}.login-agreement{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.login-agreement input{accent-color:var(--color-primary);flex-shrink:0;width:15px;height:15px}.login-agreement.is-error{animation:loginShake .3s var(--ease-out-quart)}.login-agreement.is-error .login-agreement-text{color:var(--color-error)}.login-agreement-text{font-size:var(--text-xs);color:var(--color-gray-500)}.login-agreement-text a{color:var(--color-primary);font-weight:600;text-decoration:none}.login-apply{text-align:center;font-size:var(--text-sm);color:var(--color-gray-500);padding:var(--space-5) 0 calc(var(--space-6) + env(safe-area-inset-bottom))}.login-apply a{color:var(--color-primary);font-weight:700;text-decoration:none}.login-toast{position:absolute;left:50%;bottom:calc(var(--space-10) + env(safe-area-inset-bottom));transform:translate(-50%) translateY(16px);max-width:calc(100% - var(--space-10));padding:var(--space-2) var(--space-4);background:#26201deb;color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out-quart),transform .3s var(--ease-out-quart);z-index:30}.login-toast.is-show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes loginPop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes loginLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes loginShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes loginSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.login-logo,.login-app-name,.login-app-tag,.login-panel,.login-stars,.login-field.is-error,.login-agreement.is-error{animation:none!important}}.page-onboarding,.page-apply,.page-license,.page-auth,.page-materials{display:flex;flex-direction:column;background:var(--surface-page);--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.onboarding-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.onboarding-header .back-btn{position:relative;top:auto;left:auto;background:transparent;box-shadow:none;color:var(--color-gray-700)}.onboarding-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.onboarding-header-spacer{width:40px;flex-shrink:0}.onboarding-more{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-gray-700)}.ob-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.ob-scroll::-webkit-scrollbar{display:none}.ob-welcome{margin-bottom:var(--space-5);padding-top:var(--space-2)}.ob-welcome h2{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-2);letter-spacing:-.01em}.ob-welcome p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.6}.ob-material-list{display:flex;flex-direction:column;gap:var(--space-3)}.ob-material-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.ob-material-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-200)}.ob-material-card:active{transform:scale(.985)}.ob-material-icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary-light),oklch(.93 .03 60));color:var(--color-primary);display:flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--ease-out-quart)}.ob-material-card:hover .ob-material-icon{transform:scale(1.06)}.ob-material-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px}.ob-material-body strong{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900)}.ob-material-body span{font-size:var(--text-xs);color:var(--color-gray-500)}.ob-time-tip{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-primary-light),oklch(.96 .02 60));border:1px solid oklch(.85 .06 60 / .35);border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--text-sm);font-weight:600}.ob-time-tip svg{color:var(--color-primary);flex-shrink:0}.ob-cta-bar{flex-shrink:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px}.ob-cta-bar .btn{width:100%}.ob-cta-bar.double{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-3)}.ob-cta-bar.double .btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.ob-cta-bar.double .btn-secondary:hover{background:var(--color-gray-200)}.onboarding-progress{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.onboarding-progress-step{flex:1 1 0%;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;text-align:center}.onboarding-progress-step:before{content:attr(data-step);width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:1}.onboarding-progress-step:after{content:"";position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--color-gray-100);z-index:0}.onboarding-progress-step:last-child:after{display:none}.onboarding-progress-step span{font-size:11px;font-weight:600;color:var(--color-gray-500)}.onboarding-progress-step.is-done:before,.onboarding-progress-step.is-current:before{background:var(--color-primary);color:#fff}.onboarding-progress-step.is-done:after{background:var(--color-primary)}.onboarding-progress-step.is-current span{color:var(--color-primary);font-weight:700}.apply-scroll,.license-scroll,.auth-scroll,.materials-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.apply-scroll::-webkit-scrollbar,.license-scroll::-webkit-scrollbar,.auth-scroll::-webkit-scrollbar,.materials-scroll::-webkit-scrollbar{display:none}.apply-section,.license-section,.auth-section,.materials-section{margin-bottom:var(--space-5)}.apply-section>h3,.license-section>h3,.auth-section>h3,.materials-section>h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-3)}.apply-label,.license-label,.auth-label,.materials-label{display:block;font-size:var(--text-xs);font-weight:700;color:var(--color-gray-600);margin:var(--space-3) 0 var(--space-2)}.apply-field{margin-bottom:0}.apply-field .apply-select-btn,.apply-field .apply-location-btn{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background:transparent;border:none;font-size:var(--text-base);font-weight:500;color:var(--color-gray-900)}.apply-field .apply-select-placeholder,.apply-field .apply-location-placeholder{color:var(--color-gray-400)}.apply-mode{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.apply-mode-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.apply-mode-card:hover{box-shadow:var(--shadow-md)}.apply-mode-card.is-active{border-color:var(--color-primary);background:var(--color-primary-light)}.apply-mode-card strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.apply-mode-card span{font-size:11px;color:var(--color-gray-500)}.apply-mode-card .apply-mode-check{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-gray-300);margin-left:auto;margin-bottom:var(--space-1);display:flex;align-items:center;justify-content:center}.apply-mode-card.is-active .apply-mode-check{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.apply-deposit-tip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#e5fde5;border-radius:var(--radius-lg);color:#2f7434;font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-4)}.apply-deposit-tip svg{flex-shrink:0}.apply-hint{font-size:11px;color:var(--color-gray-400);margin-top:var(--space-1)}.license-upload,.auth-upload,.materials-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--surface-card);border:1px dashed var(--color-gray-200);border-radius:var(--radius-lg)}.license-upload-icon,.auth-upload-icon,.materials-upload-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.ob-material-icon img,.license-upload-icon img,.auth-upload-icon img,.materials-upload-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.license-upload p,.auth-upload p,.materials-upload p{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}.license-upload span,.auth-upload span,.materials-upload span{font-size:11px;color:var(--color-gray-400)}.license-upload-btn,.auth-upload-btn,.materials-upload-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;border:none;margin-top:var(--space-1)}.license-rules,.auth-rules,.materials-rules{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.license-rules li,.auth-rules li,.materials-rules li{font-size:var(--text-xs);color:var(--color-gray-600);padding-left:var(--space-4);position:relative}.license-rules li:before,.auth-rules li:before,.materials-rules li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary)}.auth-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.apply-switch{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.apply-switch span{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-800)}.apply-switch input{width:44px;height:24px;border-radius:12px;background:var(--color-gray-200);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;transition:background var(--duration-fast) var(--ease-out-quart)}.apply-switch input:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:var(--radius-full);background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--duration-fast) var(--ease-out-quart)}.apply-switch input:checked{background:var(--color-primary)}.apply-switch input:checked:after{transform:translate(20px)}.materials-uploader{display:flex;flex-direction:column;gap:var(--space-4)}.materials-uploader-item{display:flex;flex-direction:column;gap:var(--space-2)}.materials-uploader-head{display:flex;align-items:center;justify-content:space-between}.materials-uploader-head strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.materials-uploader-head a{font-size:11px;font-weight:700;color:var(--color-primary)}.materials-uploader-tip{font-size:11px;color:var(--color-gray-400)}.apply-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:var(--space-10)}.apply-success-icon{width:72px;height:72px;border-radius:var(--radius-full);background:#bff4c9;color:var(--color-success);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.apply-success h3{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-2)}.apply-success p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.7;margin-bottom:var(--space-5)}.apply-success-info{width:100%;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.apply-success-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0}.apply-success-row:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.apply-success-row span{font-size:var(--text-sm);color:var(--color-gray-500)}.apply-success-row strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.apply-back-login{width:100%}@media (prefers-reduced-motion: reduce){.ob-material-card{transition:none}.concierge-fab{animation:none!important}}.concierge-fab{position:absolute;right:var(--space-4);bottom:calc(var(--space-6) + env(safe-area-inset-bottom));z-index:25;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:var(--text-xs);font-weight:700;box-shadow:#b95e0059 0 4px 16px,0 0 0 1px #ffffff26 inset;box-shadow:oklch(.58 .19 55 / .35) 0 4px 16px,0 0 0 1px #ffffff26 inset;transition:transform var(--duration-base) var(--ease-out-expo),opacity var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart);animation:fabPulse 2.6s ease-in-out infinite}.concierge-fab:hover{box-shadow:#b95e0073 0 6px 20px,0 0 0 1px #ffffff26 inset;box-shadow:oklch(.58 .19 55 / .45) 0 6px 20px,0 0 0 1px #ffffff26 inset}.concierge-fab:active{transform:scale(.94)}.concierge-fab.is-hidden{transform:scale(.5);opacity:0;pointer-events:none;animation:none}@keyframes fabPulse{0%,to{box-shadow:#b95e0059 0 4px 16px,0 0 0 1px #ffffff26 inset;box-shadow:oklch(.58 .19 55 / .35) 0 4px 16px,0 0 0 1px #ffffff26 inset}50%{box-shadow:#b95e008c 0 8px 28px,0 0 0 1px #ffffff26 inset;box-shadow:oklch(.58 .19 55 / .55) 0 8px 28px,0 0 0 1px #ffffff26 inset}}.concierge-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f0a0773;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.concierge-backdrop.is-open{opacity:1;pointer-events:auto}.concierge-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);box-shadow:0 -8px 30px -8px #0303031f}.concierge-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.concierge-sheet.is-open{transform:translateY(0)}.concierge-sheet-close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out-quart)}.concierge-sheet-close:hover{background:var(--color-gray-200)}.concierge-profile{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-4)}.concierge-avatar-lg{width:76px;height:76px;border-radius:var(--radius-full);overflow:hidden;border:3px solid var(--color-primary-light);box-shadow:0 0 0 4px #feeadb,var(--shadow-md);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft))}.concierge-avatar-lg img{width:100%;height:100%;object-fit:cover}.concierge-profile strong{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900)}.concierge-online{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-success);font-weight:600}.concierge-online:before{content:"";width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-success)}.concierge-profile>span{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:2px}.concierge-rows{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.concierge-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.concierge-row:hover{background:var(--color-gray-100);border-color:var(--color-gray-200)}.concierge-row-label{flex-shrink:0;width:60px;font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.concierge-row strong{flex:1 1 0%;font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.concierge-row-action{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:var(--text-xs);font-weight:700;text-decoration:none;transition:transform var(--duration-fast) var(--ease-out-quart)}.concierge-row-action:active{transform:scale(.94)}.concierge-wecom-badge{display:inline-flex;align-items:center;margin-left:var(--space-1);padding:1px 6px;border-radius:var(--radius-sm);background:#1f74bf1f;color:var(--color-info);font-size:10px;font-weight:700;vertical-align:2px}.concierge-chat-action{display:inline-flex;align-items:center;gap:4px;background:var(--color-primary);color:#fff;box-shadow:#b95e0040 0 2px 8px;box-shadow:oklch(.58 .19 55 / .25) 0 2px 8px}.concierge-tip{text-align:center;font-size:var(--text-xs);color:var(--color-gray-400)}.page-home,.page-sub{--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.page-home{display:flex;flex-direction:column}.mhome-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding-bottom:var(--space-5)}.mhome-scroll::-webkit-scrollbar{display:none}.mhome-header{position:relative;padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-8);background:linear-gradient(150deg,#ca6800,#974c00);background:linear-gradient(150deg,color(xyz 0.296 0.223 0.021),color(xyz 0.16 0.116 0.004));border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;box-shadow:0 10px 28px -10px #ac57004d;box-shadow:0 10px 28px -10px oklch(.55 .16 55 / .3)}.mhome-header:before{content:"";position:absolute;top:-50px;right:-40px;width:220px;height:220px;border-radius:var(--radius-full);background:radial-gradient(circle,#ffffff1a,#fff0 60%);pointer-events:none;animation:headerGlowPulse 7s ease-in-out infinite}.mhome-header:after{content:"";position:absolute;bottom:-20px;left:-20px;width:140px;height:140px;border-radius:var(--radius-full);background:radial-gradient(circle,#ffffff12,#fff0 60%);pointer-events:none;animation:headerGlowPulse 9s ease-in-out infinite reverse}@keyframes headerGlowPulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.mhome-header:before,.mhome-header:after{animation:none}}.mhome-header-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.mhome-shop{display:flex;align-items:center;gap:var(--space-3);min-width:0}.mhome-shop-logo{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);background:#ffffff26;border:1px solid oklch(1 0 0 / .2);overflow:hidden;display:flex;align-items:center;justify-content:center}.mhome-shop-logo img{width:100%;height:100%;object-fit:cover;display:block}.mhome-shop-info{min-width:0}.mhome-shop-info h1{font-size:var(--text-base);font-weight:800;color:#fff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhome-shop-badge{font-size:10px;color:#ffffffbf;font-weight:600}.mhome-shop-switch{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#ffffffd9;padding:3px 10px;border-radius:var(--radius-full);background:#ffffff1f;border:1px solid oklch(1 0 0 / .18);transition:background var(--duration-fast) var(--ease-out-quart)}.mhome-shop-switch:hover{background:#fff3}.mhome-shop-switch:active{transform:scale(.95)}.mhome-bell{position:relative;color:#fff;background:#ffffff1a;width:34px;height:34px}.mhome-bell:hover{background:#ffffff2e}.mhome-bell-dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:var(--radius-full);background:#cf9c00;background:oklch(.72 .18 85);border:1.5px solid var(--color-primary-dark)}.mhome-main-stat{position:relative;z-index:1}.mhome-main-stat-label{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;padding:3px 10px;border-radius:var(--radius-full);background:#ffffff1f;border:1px solid oklch(1 0 0 / .18);font-size:10px;color:#ffffffd9;font-weight:600;margin-bottom:var(--space-2)}.mhome-main-stat-row{display:flex;align-items:baseline;gap:var(--space-3)}.mhome-main-stat-row strong{font-size:2.4rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1;text-shadow:0 1px 5px oklch(.45 .1 55 / .15)}.mhome-trend{font-size:var(--text-xs);font-weight:700;color:#c9f1d0;background:#ffffff24;padding:2px var(--space-2);border-radius:var(--radius-full)}.mhome-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:calc(var(--space-5) * -1) var(--space-4) 0;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:var(--space-4) var(--space-2);box-shadow:0 8px 24px -10px #96654333,0 3px 8px -3px #96654314;position:relative;z-index:2;text-align:center;overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-out-quart)}.mhome-stat-grid:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:var(--radius-full);background:radial-gradient(circle,#ffeadc66,#ffeadc00 70%);pointer-events:none}.mhome-stat-grid:hover{box-shadow:0 10px 28px -10px #9665433d,0 4px 10px -3px #9665431a}.mhome-stat{position:relative}.mhome-stat:not(:last-child):after{content:"";position:absolute;right:0;top:15%;height:70%;width:1px;background:linear-gradient(to bottom,transparent,var(--color-gray-200),transparent)}.mhome-stat span{display:block;font-size:11px;color:var(--color-gray-500);font-weight:600;margin-bottom:2px}.mhome-stat strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.mhome-section{margin:var(--space-5) var(--space-4) 0}.mhome-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.mhome-section-head h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.mhome-section-tip{font-size:11px;font-weight:600;color:var(--color-gray-400);text-align:right;max-width:50%}.mhome-section-badge{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary-soft),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px -2px #bb680073,inset 0 1px #ffffff4d;box-shadow:0 3px 8px -2px oklch(.6 .16 60 / .45),inset 0 1px #ffffff4d}.mhome-section-head p{font-size:var(--text-xs);color:var(--color-gray-500)}.mhome-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:0 4px 16px -4px #8d68501f;padding:var(--space-4) var(--space-3)}.mhome-tool{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-xs);font-weight:700;color:var(--color-gray-700);transition:transform var(--duration-fast) var(--ease-out-quart)}.mhome-tool:active{transform:scale(.94)}.mhome-tool-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px #ffffff40,0 5px 10px -3px #0000001f;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.mhome-tool:hover .mhome-tool-icon{transform:translateY(-2px) scale(1.03);box-shadow:inset 0 1px #ffffff40,0 8px 14px -5px #00000029}.mhome-tool:active .mhome-tool-icon{transform:translateY(-1px) scale(.96)}.mhome-tool-icon.t-analysis{background:linear-gradient(135deg,var(--color-primary-soft),var(--color-primary-dark));box-shadow:0 6px 12px -4px #bb680073,inset 0 1px #ffffff40;box-shadow:0 6px 12px -4px oklch(.6 .16 60 / .45),inset 0 1px #ffffff40}.mhome-tool-icon.t-finance{background:linear-gradient(135deg,#82d9b4,#3a9371);box-shadow:0 6px 12px -4px #41997773,inset 0 1px #ffffff40}.mhome-tool-icon.t-data{background:linear-gradient(135deg,#bcabf1,#7a64b3);box-shadow:0 6px 12px -4px #806ab973,inset 0 1px #ffffff40}.mhome-tool-icon.t-order{background:linear-gradient(135deg,#7aaeef,#2e69b2);box-shadow:0 6px 12px -4px #4270bd73,inset 0 1px #ffffff40}.mhome-tool-icon.t-school{background:linear-gradient(135deg,#6abfd9,#389db9 50%,#128daa 75%,#0084a1,#007b96);background:linear-gradient(135deg,#6abfd9,#389db9 50%,#128daa 75%,color(xyz 0.146 0.191 0.372),color(xyz 0.124 0.165 0.333));box-shadow:0 6px 12px -4px #007e9a73,inset 0 1px #ffffff40;box-shadow:0 6px 12px -4px oklch(.55 .11 220 / .45),inset 0 1px #ffffff40}.mhome-rank{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);box-shadow:0 3px 12px -3px #8d68501a;padding:var(--space-4);overflow:hidden;position:relative;transition:box-shadow var(--duration-fast) var(--ease-out-quart)}.mhome-rank:before{content:"";position:absolute;top:-40px;right:-40px;width:100px;height:100px;border-radius:var(--radius-full);background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);opacity:.4;pointer-events:none}.mhome-rank:hover{box-shadow:0 4px 14px -3px #8d68501f}.mhome-rank-flag{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:fit-content;margin:0 auto var(--space-4);padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:11px;font-weight:700}.mhome-rank-top{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.mhome-rank-star{flex:1 1 0%;max-width:104px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform var(--duration-fast) var(--ease-out-quart)}.mhome-rank-star:active{transform:scale(.95)}.mhome-rank-avatar{position:relative;width:62px;height:62px}.mhome-rank-star.rank-1 .mhome-rank-avatar{width:78px;height:78px}.mhome-rank-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-gray-200);background:var(--color-gray-100)}.mhome-rank-star.rank-1 .mhome-rank-avatar img{border-color:#eab532}.mhome-rank-star.rank-2 .mhome-rank-avatar img{border-color:#b0c0d1}.mhome-rank-star.rank-3 .mhome-rank-avatar img{border-color:#d39562}.mhome-rank-medal{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;box-shadow:0 0 0 2px var(--surface-card)}.mhome-rank-star.rank-1 .mhome-rank-medal{background:linear-gradient(135deg,#f4c947,#e9a923,#d98b00);background:linear-gradient(135deg,#f4c947,#e9a923,color(xyz 0.383 0.331 0.031))}.mhome-rank-star.rank-2 .mhome-rank-medal{background:linear-gradient(135deg,#ced9e5,#91a0b1)}.mhome-rank-star.rank-3 .mhome-rank-medal{background:linear-gradient(135deg,#de9f5f,#b46b40)}.mhome-rank-star strong{font-size:var(--text-xs);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mhome-rank-sub{font-size:10px;font-weight:600;color:var(--color-gray-500)}.mhome-rank-list{display:flex;flex-direction:column;border-top:1px dashed var(--color-gray-200);margin-top:var(--space-3);padding-top:var(--space-2)}.mhome-rank-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;text-align:left;transition:transform var(--duration-fast) var(--ease-out-quart)}.mhome-rank-row:active{transform:scale(.98)}.mhome-rank-no{flex-shrink:0;width:20px;text-align:center;font-size:var(--text-sm);font-weight:800;font-style:italic;color:var(--color-gray-400)}.mhome-rank-row-avatar{flex-shrink:0;width:40px;height:40px}.mhome-rank-row-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;background:var(--color-gray-100)}.mhome-rank-row-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:1px}.mhome-rank-row-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhome-rank-row-body span{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhome-rank-row-stat{flex-shrink:0;font-size:var(--text-xs);font-weight:700;color:var(--color-primary)}.page-sub{display:flex;flex-direction:column;background:var(--surface-page)}.page-sub .page-header.centered{justify-content:space-between;padding-top:calc(var(--space-5) + env(safe-area-inset-top))}.sub-header-spacer{width:0}.sub-empty{flex:1 1 0%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);text-align:center}.sub-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.sub-empty p{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-700)}.sub-empty span{font-size:var(--text-sm);color:var(--color-gray-500)}.mine-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.mine-scroll::-webkit-scrollbar{display:none}.page-mine .page-header{position:relative}.page-mine .page-header h1{flex:1 1 0%;text-align:center}.mine-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.mine-shop-logo{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100)}.mine-shop-logo img{width:100%;height:100%;object-fit:cover;display:block}.mine-shop-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 0%}.mine-shop-info strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.mine-shop-info span{font-size:var(--text-xs);color:var(--color-gray-500)}.mine-shop-switch{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#fff;padding:4px var(--space-2);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;box-shadow:0 4px 10px -3px #bb680066;box-shadow:0 4px 10px -3px oklch(.6 .16 60 / .4);transition:background var(--duration-fast) var(--ease-out-quart);margin-left:auto}.mine-shop-switch:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}.mine-shop-switch:active{transform:scale(.95)}.mine-shop-switch svg{flex-shrink:0}.mine-wallet{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);color:#fff;box-shadow:0 10px 28px -10px #bb680080;box-shadow:0 10px 28px -10px oklch(.6 .16 60 / .5);position:relative;overflow:hidden}.mine-wallet:before{content:"";position:absolute;top:-40px;right:-30px;width:140px;height:140px;border-radius:var(--radius-full);background:#ffffff14}.mine-wallet-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.mine-wallet-title{font-size:var(--text-sm);font-weight:700;color:#ffffffe6}.mine-wallet-detail{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:700;color:#ffffffd9;padding:3px var(--space-2);border-radius:var(--radius-full);background:#ffffff24;border:1px solid oklch(1 0 0 / .2);transition:background var(--duration-fast) var(--ease-out-quart)}.mine-wallet-detail:hover{background:#ffffff38}.mine-wallet-detail:active{transform:scale(.95)}.mine-wallet-main{position:relative;z-index:1;margin-bottom:var(--space-4)}.mine-wallet-label{display:block;font-size:11px;font-weight:600;color:#ffffffbf;margin-bottom:var(--space-1)}.mine-wallet-amount{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mine-wallet-amount strong{font-size:2.2rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.mine-wallet-withdraw{flex-shrink:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#fff;color:var(--color-primary-dark);font-size:var(--text-sm);font-weight:800;border:none;box-shadow:0 4px 12px -3px #7f441359;transition:transform var(--duration-fast) var(--ease-out-quart)}.mine-wallet-withdraw:hover{transform:translateY(-1px)}.mine-wallet-withdraw:active{transform:scale(.95)}.mine-wallet-sub{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid oklch(1 0 0 / .14)}.mine-wallet-sub-item{display:flex;flex-direction:column;gap:2px}.mine-wallet-sub-item span{font-size:11px;font-weight:600;color:#ffffffb3}.mine-wallet-sub-item strong{font-size:var(--text-base);font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.mine-section{margin-bottom:var(--space-4)}.mine-section-title{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-3)}.mine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-2)}.mine-grid-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:11px;font-weight:700;color:var(--color-gray-700);transition:transform var(--duration-fast) var(--ease-out-quart)}.mine-grid-item:active{transform:scale(.94)}.mine-grid-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px #ffffff40;transition:transform var(--duration-fast) var(--ease-out-quart)}.mine-grid-item:hover .mine-grid-icon{transform:translateY(-2px)}.mine-grid-icon.icon-store{background:linear-gradient(135deg,var(--color-primary-soft),var(--color-primary-dark));box-shadow:0 6px 14px -5px #bb680080,inset 0 1px #ffffff40;box-shadow:0 6px 14px -5px oklch(.6 .16 60 / .5),inset 0 1px #ffffff40}.mine-grid-icon.icon-data{background:linear-gradient(135deg,#b09bee,#7055b0);box-shadow:0 6px 14px -5px #795dba80,inset 0 1px #ffffff40}.mine-grid-icon.icon-goods{background:linear-gradient(135deg,#56d1a3,#26ac80 50%,#14a377,#009a6f,#009068,#008660);background:linear-gradient(135deg,#56d1a3,#26ac80 50%,#14a377,color(xyz 0.143 0.242 0.189),color(xyz 0.121 0.21 0.161),color(xyz 0.101 0.181 0.136));box-shadow:0 6px 14px -5px #00906880,inset 0 1px #ffffff40;box-shadow:0 6px 14px -5px oklch(.58 .13 165 / .5),inset 0 1px #ffffff40}.mine-grid-icon.icon-material{background:linear-gradient(135deg,#7eabf6,#3566b8);box-shadow:0 6px 14px -5px #3e6fc280,inset 0 1px #ffffff40}.mine-list{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.mine-list-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-800);transition:background var(--duration-fast) var(--ease-out-quart)}.mine-list-item:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.mine-list-item:hover{background:var(--color-gray-50)}.mine-list-item:active{transform:scale(.99)}.mine-list-item>span:nth-child(2){flex:1 1 0%;text-align:left;margin-left:var(--space-3)}.mine-list-item>svg:last-child{color:var(--color-gray-400)}.mine-list-icon{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-light)}.mine-list-item:nth-child(2) .mine-list-icon{color:#7055b0;background:#efebff;background:oklch(.95 .03 295)}.mine-list-item:nth-child(3) .mine-list-icon{color:#008660;color:oklch(.55 .13 165);background:#cdf6e3}.mine-list-item:nth-child(4) .mine-list-icon{color:var(--color-gray-600);background:var(--color-gray-100)}.mine-logout{width:100%;padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:700;color:var(--color-error);box-shadow:var(--shadow-sm);transition:background var(--duration-fast) var(--ease-out-quart)}.mine-logout:hover{background:#ffecea;background:oklch(.96 .03 25)}.mine-version{text-align:center;font-size:11px;color:var(--color-gray-400);margin-top:var(--space-4)}.mhome-spark{position:relative;z-index:1;display:flex;align-items:flex-end;gap:var(--space-3);margin-top:var(--space-3)}.mhome-spark[hidden]{display:none}.mhome-spark-label{flex-shrink:0;font-size:10px;font-weight:600;color:#ffffffa6;padding-bottom:2px}.mhome-spark-svg{flex:1 1 0%;height:32px;display:block}.mhome-hot{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);box-shadow:0 3px 12px -3px #8d68501a;padding:var(--space-3);overflow:hidden;position:relative;transition:box-shadow var(--duration-fast) var(--ease-out-quart)}.mhome-hot:before{content:"";position:absolute;top:-30px;right:-30px;width:90px;height:90px;border-radius:var(--radius-full);background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);opacity:.35;pointer-events:none}.mhome-hot:hover{box-shadow:0 4px 14px -3px #8d68501f}.mhome-card-flag{display:flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto var(--space-3);padding:4px var(--space-3);border-radius:var(--radius-full);font-size:11px;font-weight:700}.mhome-card-flag.flag-violet{background:#f2f0fba6;color:#7e6faae6}.mhome-card-flag .flag-self{display:inline-flex;align-items:center;padding:1px 6px;margin:0 1px;border-radius:var(--radius-full);background:#755db1;color:#fff;font-size:10px;font-weight:800}.mhome-card-flag.flag-flame{background:#fdeee6a6;color:#bb6543e6}.mhome-hot-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-md);text-align:left;transition:all var(--duration-fast) var(--ease-out-quart)}.mhome-hot-item:hover{background:var(--color-gray-50)}.mhome-hot-item:active{transform:scale(.98)}.mhome-hot-item.is-current{background:var(--color-primary-light)}.mhome-hot-item.is-top1:not(.is-current){background:linear-gradient(to right,#fcf5e3,#fcf5e380)}.mhome-hot-rank{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-style:italic;color:var(--color-gray-400)}.mhome-hot-rank.rank-1{font-style:normal;color:#fff;background:linear-gradient(135deg,#f4c947,#e9a923,#d98b00);background:linear-gradient(135deg,#f4c947,#e9a923,color(xyz 0.383 0.331 0.031));box-shadow:0 3px 6px -2px #dfa11a99}.mhome-hot-rank.rank-2{font-style:normal;color:#fff;background:linear-gradient(135deg,#ced9e5,#91a0b1);box-shadow:0 3px 6px -2px #a0b0c180}.mhome-hot-rank.rank-3{font-style:normal;color:#fff;background:linear-gradient(135deg,#de9f5f,#b46b40);box-shadow:0 3px 6px -2px #c27c4a80}.mhome-hot-logo{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100)}.mhome-hot-logo img{width:100%;height:100%;object-fit:cover;display:block}.mhome-hot-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:4px}.mhome-hot-body strong{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhome-hot-crown{flex-shrink:0;color:#e3ae28}.mhome-hot-self{flex-shrink:0;font-style:normal;font-size:9px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));padding:1px 5px;border-radius:var(--radius-full)}.mhome-hot-share{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--color-gray-400)}.mhome-hot-avatars{display:flex;align-items:center}.mhome-hot-avatars img{width:20px;height:20px;border-radius:var(--radius-full);object-fit:cover;border:1.5px solid var(--surface-card);background:var(--color-gray-100);margin-left:-6px}.mhome-hot-avatars img:first-child{margin-left:0}.mhome-hot-avatars em{display:flex;align-items:center;justify-content:center;height:20px;min-width:20px;padding:0 3px;border-radius:var(--radius-full);background:var(--color-gray-100);border:1.5px solid var(--surface-card);color:var(--color-gray-500);font-size:9px;font-weight:700;font-style:normal;margin-left:-6px}.mhome-hot-amount{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px}.mhome-hot-amount strong{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.mhome-hot-amount span{font-size:9px;color:var(--color-gray-400)}.mhome-hot-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);text-align:center}.mhome-hot-empty-icon{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-gray-50),oklch(.97 .005 55));color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1);box-shadow:inset 0 1px #ffffff80,0 4px 12px -4px #856c5b1a}.mhome-hot-empty p{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-600)}.mhome-hot-empty span{font-size:11px;color:var(--color-gray-400);line-height:1.5}.badge-hot{background:linear-gradient(135deg,#fe8f5b,#c73e1a);box-shadow:0 4px 10px -3px #ce47148c,inset 0 1px #ffffff4d}.mhome-hero-shop{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:10px;color:var(--color-gray-500);background:#faf4f0e6;padding:2px 6px 2px 2px;border-radius:var(--radius-full)}.mhome-hero-shop-logo{width:16px;height:16px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-gray-100);flex-shrink:0}.mhome-hero-shop-logo img{width:100%;height:100%;object-fit:cover;display:block}.mhome-hot-logo.round,.mhome-hot-logo.round img{border-radius:var(--radius-full)}.mhome-hot-logo.round img{border:1.5px solid oklch(.87 .05 295)}.mhome-hero-amount strong{color:#7055b0}.badge-feed{background:linear-gradient(135deg,#b09bee,#7055b0);box-shadow:0 4px 10px -3px #755db18c,inset 0 1px #ffffff4d}.mhome-hot-list{display:flex;flex-direction:column;gap:var(--space-1)}.mhome-rank-more{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:var(--space-3) 0 0 auto;padding:4px 2px;background:transparent;border:none;color:var(--color-gray-500);font-size:12px;font-weight:600;letter-spacing:.2px;position:relative;transition:color var(--duration-fast) var(--ease-out-quart)}.mhome-rank-more:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;opacity:.25;transition:opacity var(--duration-fast) var(--ease-out-quart)}.mhome-rank-more:hover{color:var(--color-primary-dark)}.mhome-rank-more:hover:after{opacity:.5}.mhome-rank-more:active{transform:scale(.98)}.shop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f0a0773;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.shop-backdrop.is-open{opacity:1;pointer-events:auto}.shop-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:var(--surface-card, oklch(99% .005 55));border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo)}.shop-sheet.is-open{transform:translateY(0)}.shop-sheet-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.shop-sheet-head strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900, oklch(10% .008 55))}.shop-sheet-head span{font-size:var(--text-xs);color:var(--color-gray-500, oklch(52% .015 55))}.shop-sheet-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.shop-sheet-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100, oklch(94% .01 55));background:var(--surface-card, oklch(99% .005 55));text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.shop-sheet-item.is-current{border-color:var(--color-primary);background:var(--color-primary-light)}.shop-sheet-item-logo{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100, oklch(94% .01 55))}.shop-sheet-item-logo img{width:100%;height:100%;object-fit:cover;display:block}.shop-sheet-item-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px}.shop-sheet-item-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900, oklch(10% .008 55));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-sheet-item-body span{font-size:11px;color:var(--color-gray-500, oklch(52% .015 55));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-sheet-item-check{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.shop-sheet-add{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px dashed var(--color-gray-200, oklch(88% .012 55));color:var(--color-gray-500, oklch(52% .015 55));font-size:var(--text-sm);font-weight:600;transition:color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.shop-sheet-add:hover{color:var(--color-primary);border-color:var(--color-primary)}.tab-bar[hidden]{display:none}.page-apply{background:var(--surface-page)}.apply-field span{flex-shrink:0;font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);margin-left:var(--space-2)}.apply-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f0a0773;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.apply-sheet-backdrop.is-open{opacity:1;pointer-events:auto}.apply-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo)}.apply-sheet.is-open{transform:translateY(0)}.apply-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.apply-sheet-head strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.apply-sheet-close{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center}.apply-sheet-list{display:flex;flex-direction:column;gap:var(--space-2)}.apply-sheet-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);background:var(--surface-card);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-800);text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.apply-sheet-item.is-active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.apply-sheet-item svg{color:var(--color-primary)}.page-influencer,.page-showcase{--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.page-influencer{display:flex;flex-direction:column;background:var(--surface-page)}.influencer-header{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:linear-gradient(150deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:0 10px 30px -10px #bb680073;box-shadow:0 10px 30px -10px oklch(.6 .16 60 / .45)}.influencer-header-top{display:flex;align-items:center;justify-content:space-between}.influencer-back{width:36px;height:36px;border-radius:50%;background:#ffffff24;border:1px solid oklch(1 0 0 / .2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart)}.influencer-back:hover{background:#ffffff3d}.influencer-back:active{transform:scale(.95)}.influencer-title{flex:1;font-size:var(--text-lg);font-weight:800;color:#fff;letter-spacing:-.02em;text-align:center;text-shadow:0 2px 4px oklch(.1 0 0 / .1)}.influencer-header-spacer{width:36px;flex-shrink:0}.influencer-search{flex:1 1 0%;display:flex;align-items:center;gap:var(--space-2);background:#ffffff29;border:1px solid oklch(1 0 0 / .22);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.influencer-search:focus-within{background:#ffffff3d;box-shadow:0 0 0 3px #ffffff1f}.influencer-search svg:first-child{color:#fffc}.influencer-search input{flex:1 1 0%;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--text-sm);color:#fff}.influencer-search input::placeholder{color:#fff9}.influencer-search-clear{width:20px;height:20px;border-radius:var(--radius-full);border:none;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.influencer-search-clear:hover{background:#ffffff4d}.influencer-search-clear:active{transform:scale(.92)}.influencer-toolbar-sentinel{height:1px;margin-top:-1px;pointer-events:none}.influencer-toolbar{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:9;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-page);border-bottom:1px solid transparent;transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.influencer-toolbar.is-stuck{border-bottom-color:var(--color-gray-100);box-shadow:0 4px 12px -6px #0303030d}.influencer-filters{flex:1 1 0%;display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.influencer-filters::-webkit-scrollbar{display:none}.influencer-filter{flex-shrink:0;position:relative;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-gray-200);background:var(--surface-card);color:var(--color-gray-600);font-size:var(--text-sm);font-weight:700;transition:all var(--duration-fast) var(--ease-out-quart)}.influencer-filter.is-active{background:var(--color-gray-900);color:#fff;border-color:var(--color-gray-900);box-shadow:0 4px 10px -3px #03030340}.influencer-filter.influencer-sort-trigger{position:relative;right:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding:var(--space-2) var(--space-2) var(--space-2) 20px;border:none;border-radius:0;background:linear-gradient(to right,oklch(1 0 0 / 0) 0%,oklch(1 0 0 / .92) 40%,var(--surface-card) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:none;color:var(--color-primary-dark);font-weight:700;gap:3px}.influencer-filter.influencer-sort-trigger svg{color:var(--color-primary)}.influencer-filter.influencer-sort-trigger:active{transform:scale(.96)}.sort-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f0a0773;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.sort-backdrop.is-open{opacity:1;pointer-events:auto}.sort-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:var(--surface-card, oklch(99% .005 55));border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo)}.sort-sheet.is-open{transform:translateY(0)}.sort-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.sort-sheet-head strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.sort-sheet-close{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.sort-sheet-close:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.sort-sheet-list{display:flex;flex-direction:column;gap:var(--space-2)}.sort-sheet-item{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);background:var(--surface-card);color:var(--color-gray-700);font-size:var(--text-sm);font-weight:600;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart);display:flex;align-items:center;justify-content:space-between}.sort-sheet-item:after{content:"";width:18px;height:18px;border-radius:var(--radius-full);border:2px solid var(--color-gray-300);flex-shrink:0;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.sort-sheet-item.is-active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:700}.sort-sheet-item.is-active:after{border-color:var(--color-primary);background:var(--color-primary) center / 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat}.influencer-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:0 var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom))}.influencer-scroll::-webkit-scrollbar{display:none}.influencer-podium{margin:var(--space-4) 0;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3) var(--space-3);box-shadow:var(--shadow-sm)}.influencer-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);margin-top:var(--space-2)}.influencer-section-head h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.influencer-section-head h2 svg{color:var(--color-primary)}.influencer-section-head>span{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.influencer-list{display:flex;flex-direction:column;gap:var(--space-3)}.influencer-card{position:relative;display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart);animation:card-enter var(--duration-slow) var(--ease-out-expo) both;animation-delay:calc(var(--i, 0) * 60ms);overflow:hidden}.influencer-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--color-primary-soft),var(--color-primary-dark));opacity:0;transition:opacity var(--duration-fast) var(--ease-out-quart)}.influencer-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.influencer-card:hover:before{opacity:1}.influencer-card:active{transform:scale(.985)}.influencer-avatar{width:68px;height:68px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--color-gray-200);border:2px solid var(--color-gray-100)}.influencer-avatar img{width:100%;height:100%;object-fit:cover}.influencer-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;justify-content:center}.influencer-name-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.influencer-name{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.influencer-rating{flex-shrink:0;display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:800;color:var(--color-primary-dark);background:var(--color-primary-light);padding:2px 6px;border-radius:var(--radius-sm)}.influencer-rating svg{width:10px;height:10px}.influencer-desc{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.influencer-tags{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-2)}.influencer-tags .tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700;background:var(--color-gray-100);color:var(--color-gray-600)}.influencer-metrics{display:flex;gap:var(--space-3);font-size:11px;color:var(--color-gray-400);font-weight:600}.influencer-metrics span{display:flex;align-items:center;gap:3px}.influencer-metrics strong{color:var(--color-gray-700);font-weight:800}.influencer-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:76px}.influencer-revenue{text-align:right}.influencer-revenue strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.influencer-revenue span{font-size:10px;color:var(--color-gray-500)}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.influencer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);text-align:center;gap:var(--space-2)}.influencer-empty[hidden]{display:none}.influencer-empty-icon{width:88px;height:88px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);box-shadow:0 8px 24px -10px #bb680059;box-shadow:0 8px 24px -10px oklch(.6 .16 60 / .35)}.influencer-empty p{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-700)}.influencer-empty span{font-size:var(--text-sm);color:var(--color-gray-500)}.influencer-empty-reset{margin-top:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:none;background:var(--color-gray-900);color:#fff;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart);box-shadow:0 4px 12px -4px #03030340}.influencer-empty-reset:hover{background:var(--color-primary-dark)}.influencer-empty-reset:active{transform:scale(.96)}.influencer-backtop{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + 64px + env(safe-area-inset-bottom));width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--surface-card);color:var(--color-gray-700);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart),transform var(--duration-base) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart);z-index:20}.influencer-backtop.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.influencer-backtop:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.page-showcase{z-index:11;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--surface-page)}.page.page-showcase.is-active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:11}.showcase-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) var(--space-4);background:linear-gradient(oklch(.1 0 0 / .4),transparent);pointer-events:none}.showcase-header .back-btn{position:relative;top:auto;left:auto;width:36px;height:36px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid oklch(1 0 0 / .2);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:auto}.showcase-header .text-btn{color:#fff;font-weight:700;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid oklch(1 0 0 / .2);pointer-events:auto}.showcase-hero{position:relative;height:clamp(340px,58vh,460px);flex-shrink:0;margin:0 calc(var(--space-4) * -1) var(--space-4);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.showcase-cover{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.showcase-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.9);animation:live-cover 8s var(--ease-out-quart) infinite alternate}.showcase-hero:hover .showcase-cover img{animation-duration:5s}@keyframes live-cover{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-1%,-1%)}}.showcase-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#03030333,#03030359 40%,#030303cc)}.showcase-hero-content{position:relative;z-index:5;padding:var(--space-6) var(--space-4);text-align:center}.showcase-avatar{width:108px;height:108px;border-radius:var(--radius-full);overflow:hidden;border:4px solid var(--color-white);box-shadow:0 12px 40px #03030359;margin:0 auto var(--space-3);background:var(--color-gray-200);position:relative;z-index:1;transition:transform var(--duration-slow) var(--ease-out-expo)}.showcase-avatar img{width:100%;height:100%;object-fit:cover}.showcase-avatar:active{transform:scale(.95)}.showcase-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.showcase-name-row{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.showcase-info h2{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em}.showcase-info .verified-badge{display:inline-flex;align-items:center;gap:3px;background:var(--color-primary);color:#fff;padding:3px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700;box-shadow:#b95e004d 0 2px 8px;box-shadow:oklch(.58 .19 55 / .3) 0 2px 8px}.showcase-info>.showcase-meta{font-size:var(--text-sm);opacity:.9;font-weight:500}.showcase-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.showcase-tags .tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:11px;font-weight:700;background:#ffffff1f;color:#fff;border:1px solid oklch(1 0 0 / .35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.showcase-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);margin:calc(var(--space-6) * -1) var(--space-4) var(--space-4);box-shadow:var(--shadow-md);position:relative;z-index:6;text-align:center}.showcase-stat{position:relative;padding:var(--space-2) 0}.showcase-stat:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--color-gray-200)}.showcase-stat strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1);font-variant-numeric:tabular-nums}.showcase-stat span{font-size:var(--text-xs);color:var(--color-gray-500)}.showcase-section{margin:0 var(--space-4) var(--space-5)}.showcase-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.showcase-section-header h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.showcase-section-header.centered{justify-content:center;gap:var(--space-3)}.showcase-section-header.centered h3{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-500)}.showcase-section-header.centered:before,.showcase-section-header.centered:after{content:"";flex:0 0 40px;height:1px;background:var(--color-gray-200)}.showcase-count{font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.showcase-bio{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.9;text-align:center;margin-bottom:var(--space-4)}.showcase-platforms{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.showcase-platforms .platform-item{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:var(--text-xs);font-weight:700}.showcase-cases{display:flex;flex-direction:column;gap:var(--space-3)}.showcase-case{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);align-items:center;box-shadow:var(--shadow-sm)}.showcase-case img{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--color-gray-200)}.showcase-case .info{flex:1 1 0%;min-width:0}.showcase-case .info h4{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-case .info p{font-size:var(--text-xs);color:var(--color-gray-500)}.showcase-case .value{font-size:var(--text-sm);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.showcase-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:100px;gap:var(--space-2)}.showcase-gallery .gallery-item{border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-200);position:relative}.showcase-gallery .gallery-item.tall{grid-row:span 2}.showcase-gallery .gallery-item.wide{grid-column:span 2}.showcase-gallery .gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.showcase-videos{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none;margin:0 calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4)}.showcase-videos::-webkit-scrollbar{display:none}.showcase-videos .video-card{position:relative;width:150px;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:9 / 14;background:var(--color-gray-200);box-shadow:var(--shadow-sm)}.showcase-videos .video-cover{position:absolute;top:0;right:0;bottom:0;left:0}.showcase-videos .video-cover img{width:100%;height:100%;object-fit:cover}.showcase-videos .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:var(--radius-full);background:#03030373;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff}.showcase-videos .video-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);background:linear-gradient(to top,oklch(.1 0 0 / .85) 0%,transparent 70%);color:#fff}.showcase-videos .video-info h4{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-videos .video-info p{font-size:var(--text-xs);opacity:.9;display:flex;align-items:center;gap:var(--space-1)}.page-showcase .scroll-area{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}@media (prefers-reduced-motion: reduce){.influencer-card,.showcase-cover img,.showcase-avatar{animation:none!important}.influencer-card{transition:none}}.page-activity{display:flex;flex-direction:column;background:var(--surface-page);overflow:hidden}.page-activity .page-header.centered{position:relative;padding-top:calc(var(--space-5) + env(safe-area-inset-top));padding-bottom:var(--space-4);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100);z-index:5}.page-activity .page-header.centered h1{position:relative;z-index:1;font-size:var(--text-xl);font-weight:800;color:var(--text-primary)}.activity-shop-picker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;border-radius:var(--radius-full);background:var(--color-gray-100);border:1px solid var(--color-gray-200);font-size:12px;font-weight:700;color:var(--color-gray-700);max-width:130px;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.activity-shop-picker:active{transform:scale(.96)}.activity-shop-picker:hover{background:var(--color-gray-200)}.activity-shop-picker-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-shop-picker-arrow{flex-shrink:0;color:var(--color-gray-500);transition:transform var(--duration-fast) var(--ease-out-quart)}.activity-shop-picker.is-open .activity-shop-picker-arrow{transform:rotate(180deg)}.activity-header-spacer{width:36px;flex-shrink:0}.activity-scroll{flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:0 var(--space-4) calc(var(--space-10) + env(safe-area-inset-bottom))}.activity-scroll::-webkit-scrollbar{display:none}.activity-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin:var(--space-2) 0 var(--space-5)}.activity-stat{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4) var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.activity-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-soft))}.activity-stat:nth-child(2):before{background:linear-gradient(90deg,#aa95e8,#795dba)}.activity-stat:nth-child(3):before{background:linear-gradient(90deg,var(--color-warning),oklch(.7 .16 85))}.activity-stat:nth-child(4):before{background:linear-gradient(90deg,var(--color-success),oklch(.55 .12 165))}.activity-stat:active{transform:scale(.96)}.activity-stat-label{font-size:10px;font-weight:600;color:var(--color-gray-500);margin-bottom:4px}.activity-stat strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.activity-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0 var(--space-5);scrollbar-width:none}.activity-tabs::-webkit-scrollbar{display:none}.activity-tab{flex-shrink:0;padding:8px 18px;border-radius:var(--radius-full);font-size:13px;font-weight:700;color:var(--color-gray-600);background:var(--surface-card);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out-quart)}.activity-tab:hover{border-color:var(--color-gray-200);color:var(--color-gray-800)}.activity-tab:active{transform:scale(.94)}.activity-tab.is-active{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:transparent;box-shadow:0 4px 12px -3px #b95e0073;box-shadow:0 4px 12px -3px oklch(.58 .19 55 / .45)}.activity-list{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-6)}.activity-card{position:relative;display:flex;align-items:stretch;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:0 3px 12px -3px #8d68501a;overflow:hidden;padding:var(--space-3);transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart),border-color var(--duration-base) var(--ease-out-quart);animation:fade-up .4s var(--ease-out-quart) both}.activity-card:before{content:"";position:absolute;top:-30px;right:-30px;width:90px;height:90px;border-radius:var(--radius-full);background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);opacity:.35;pointer-events:none}.activity-card:hover{box-shadow:0 5px 16px -5px #8d685024;border-color:#d8cfca}.activity-card:active{transform:scale(.98)}.activity-card-left{position:relative;flex-shrink:0;width:104px;height:104px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}.activity-card-left img{width:100%;height:100%;object-fit:cover;display:block}.activity-card-badge{position:absolute;top:8px;left:8px;z-index:2;padding:4px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:800;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid oklch(1 0 0 / .2);box-shadow:0 3px 10px -3px #1616164d}.activity-card-badge.is-active{background:linear-gradient(135deg,var(--color-success),oklch(.55 .12 165))}.activity-card-badge.is-pending{background:linear-gradient(135deg,var(--color-warning),oklch(.7 .16 85))}.activity-card-badge.is-upcoming{background:linear-gradient(135deg,#1f74bf,#005ea4,#004983);background:linear-gradient(135deg,#1f74bf,color(xyz 0.108 0.107 0.379),color(xyz 0.068 0.063 0.267))}.activity-card-badge.is-off-shelf,.activity-card-badge.is-ended{background:linear-gradient(135deg,var(--color-gray-500),var(--color-gray-700))}.activity-card-badge.is-cancelled{background:linear-gradient(135deg,#dc655f,#bf3f3d 50%,#b0282c,#a20519)}.activity-card-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);padding:2px 0}.activity-card-info h3{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);margin-bottom:3px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-card-shop{font-size:10px;font-weight:600;color:var(--color-gray-500)}.activity-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:2px}.activity-tag{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:800}.activity-tag-discount{background:linear-gradient(135deg,#ffe7e4,#ffd1cd);background:linear-gradient(135deg,color(xyz 0.865 0.845 0.831),color(xyz 0.761 0.713 0.657));color:#c53637}.activity-tag-min{background:var(--color-primary-light);color:var(--color-primary-dark)}.activity-card-time{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--color-gray-500);margin-top:2px}.activity-card-influencers{display:flex;align-items:center;gap:var(--space-2);min-height:26px;margin-top:2px}.activity-avatars{display:flex;align-items:center}.activity-avatars img{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--surface-card);background:var(--color-gray-100);margin-left:-8px}.activity-avatars img:first-child{margin-left:0}.activity-avatars em{display:flex;align-items:center;justify-content:center;height:24px;min-width:24px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-gray-100);border:2px solid var(--surface-card);color:var(--color-gray-500);font-size:9px;font-weight:800;font-style:normal;margin-left:-8px}.activity-influencer-count{font-size:10px;font-weight:600;color:var(--color-gray-500)}.activity-influencer-empty{font-size:10px;font-weight:600;color:var(--color-gray-400)}.activity-card-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-gray-100);margin-top:var(--space-1)}.activity-card-btn{flex:0 1 auto;min-width:72px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:700;color:var(--color-gray-700);background:var(--color-gray-100);transition:all var(--duration-fast) var(--ease-out-quart)}.activity-card-btn:hover{background:var(--color-gray-200)}.activity-card-btn:active{transform:scale(.96)}.activity-card-btn-primary{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 12px -3px #b95e0059;box-shadow:0 4px 12px -3px oklch(.58 .19 55 / .35)}.activity-card-btn-primary:hover{box-shadow:0 6px 16px -3px #b95e0073;box-shadow:0 6px 16px -3px oklch(.58 .19 55 / .45)}.activity-card-btn-danger{color:#b32228;background:#ffe7e4;background:oklch(.95 .04 25)}.activity-card-btn-danger:hover{background:#ffdad6;background:oklch(.92 .05 25)}.activity-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-gray-400);animation:fade-up .4s var(--ease-out-quart) both}.activity-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);box-shadow:0 8px 24px -8px #b95e0059;box-shadow:0 8px 24px -8px oklch(.58 .19 55 / .35)}.activity-empty p{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:4px}.activity-empty span{font-size:12px;color:var(--color-gray-500);line-height:1.5}.activity-fab{position:absolute;right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:10;display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 18px;border-radius:var(--radius-full);font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 8px 24px -6px #b95e008c,inset 0 1px #ffffff40;box-shadow:0 8px 24px -6px oklch(.58 .19 55 / .55),inset 0 1px #ffffff40;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.activity-fab:hover{box-shadow:0 12px 32px -6px #b95e0099;box-shadow:0 12px 32px -6px oklch(.58 .19 55 / .6);transform:translateY(-2px)}.activity-fab:active{transform:scale(.94) translateY(0)}.activity-fab svg{flex-shrink:0}.activity-sheet-backdrop,.activity-shop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f0a078c;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.activity-sheet-backdrop.is-open,.activity-shop-backdrop.is-open{opacity:1;pointer-events:auto}.activity-shop-backdrop{z-index:55}.activity-sheet{position:absolute;left:0;right:0;bottom:0;z-index:70;max-height:92%;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform var(--duration-slow) var(--ease-out-expo);display:flex;flex-direction:column;overflow:hidden}.activity-sheet.is-open{transform:translateY(0)}.activity-sheet-handle{width:40px;height:5px;border-radius:var(--radius-full);background:var(--color-gray-200);margin:0 auto var(--space-3);flex-shrink:0}.activity-sheet-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-shrink:0;min-width:0}.activity-sheet-head strong{flex:1 1 0%;min-width:0;font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-sheet-head-spacer{flex:0 0 auto;width:32px}.activity-sheet-back{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;gap:3px;padding:5px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:700;color:var(--color-gray-700);background:var(--color-gray-100);border:1px solid var(--color-gray-200);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.activity-sheet-back span{overflow:hidden;text-overflow:ellipsis}.activity-sheet-back:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)}.activity-sheet-back:active{transform:scale(.96)}.activity-sheet-close{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.activity-sheet-close:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.activity-sheet-close:active{transform:scale(.92)}.activity-form{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:var(--space-4)}.activity-form::-webkit-scrollbar{display:none}.activity-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.activity-form-group label{font-size:13px;font-weight:700;color:var(--color-gray-700)}.activity-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.activity-form input[type=text],.activity-form input[type=number],.activity-form input[type=datetime-local]{width:100%;height:46px;padding:0 var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);background:var(--surface-card);font-size:14px;font-weight:600;color:var(--color-gray-900);outline:none;transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.activity-form input::placeholder{color:var(--color-gray-400)}.activity-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.activity-form input.is-error{border-color:var(--color-error);animation:shake .3s var(--ease-out-quart)}.activity-input-suffix,.activity-input-prefix{position:relative;display:flex;align-items:center}.activity-input-suffix input{padding-right:34px}.activity-input-prefix input{padding-left:34px}.activity-input-suffix span,.activity-input-prefix span{position:absolute;font-size:13px;font-weight:700;color:var(--color-gray-500);pointer-events:none}.activity-input-suffix span{right:14px}.activity-input-prefix span{left:14px}.activity-image-picker{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-1) 0;scrollbar-width:none}.activity-image-picker::-webkit-scrollbar{display:none}.activity-image-item{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-quart)}.activity-image-item:active{transform:scale(.94)}.activity-image-item input{position:absolute;opacity:0;width:0;height:0}.activity-image-item img{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--color-gray-100);background:var(--color-gray-100);transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.activity-image-item.is-selected img{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);transform:translateY(-2px)}.activity-image-item span{font-size:10px;font-weight:600;color:var(--color-gray-500)}.activity-image-item.is-selected span{color:var(--color-primary-dark);font-weight:700}.activity-image-upload{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-quart);background:transparent;border:none;-webkit-tap-highlight-color:transparent}.activity-image-upload:active{transform:scale(.94)}.activity-image-upload-icon{width:72px;height:72px;border-radius:var(--radius-md);border:2px dashed var(--color-gray-200);background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.activity-image-upload:hover .activity-image-upload-icon,.activity-image-upload:focus-visible .activity-image-upload-icon{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.activity-image-upload:focus-visible{outline:none}.activity-image-upload span{font-size:10px;font-weight:600;color:var(--color-gray-500)}.activity-form-tips{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-gray-50);color:var(--color-gray-500);font-size:12px;font-weight:600;line-height:1.5}.activity-form-tips svg{flex-shrink:0;color:var(--color-primary);margin-top:1px}.activity-form-submit{width:100%;padding:15px var(--space-4);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:800;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 6px 18px -4px #b95e0066;box-shadow:0 6px 18px -4px oklch(.58 .19 55 / .4);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart);margin-top:auto}.activity-form-submit:hover{box-shadow:0 8px 22px -4px #b95e0080;box-shadow:0 8px 22px -4px oklch(.58 .19 55 / .5)}.activity-form-submit:active{transform:scale(.98)}.activity-detail{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-1)}.activity-detail::-webkit-scrollbar{display:none}.activity-detail-hero{position:relative;width:100%;height:0;padding-bottom:62.5%;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100)}.activity-detail-hero img,.activity-detail-hero-overlay,.activity-detail-hero-body{position:absolute;top:0;right:0;bottom:0;left:0}.activity-detail-hero img{width:100%;height:100%;object-fit:cover;display:block}.activity-detail-hero-overlay{background:linear-gradient(to top,oklch(.08 0 0 / .9) 0%,oklch(.08 0 0 / .5) 45%,transparent 70%);z-index:1}.activity-detail-hero-body{display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5) var(--space-4) var(--space-4);z-index:2;color:#fff}.activity-detail-hero-shop{display:inline-flex;align-items:center;gap:4px;width:fit-content;font-size:11px;font-weight:700;color:#ffffffd9;background:#ffffff24;border:1px solid oklch(1 0 0 / .2);padding:3px 10px;border-radius:var(--radius-full);margin-bottom:8px}.activity-detail-hero-body h2{font-size:var(--text-xl);font-weight:800;line-height:1.25;text-shadow:0 2px 8px oklch(0 0 0 / .35)}.activity-detail-hero-influencers{display:flex;align-items:center;gap:var(--space-2);margin-top:10px;min-height:26px}.activity-detail-hero-influencers .activity-avatars{display:none}.activity-detail-hero-influencers .activity-avatars img{width:26px;height:26px;border:2px solid oklch(1 0 0 / .35);margin-left:-8px}.activity-detail-hero-influencers .activity-avatars img:first-child{margin-left:0}.activity-detail-hero-influencers .activity-avatars em{width:26px;height:26px;min-width:26px;border:2px solid oklch(1 0 0 / .35);color:#ffffffe6;background:#ffffff2e;margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;font-style:normal}.activity-detail-hero-influencers .activity-influencer-count,.activity-detail-hero-influencers .activity-influencer-empty,.activity-detail-hero-influencers .activity-detail-influencer-empty{display:inline-flex;align-items:center;height:26px;line-height:1;font-size:11px;font-weight:600;color:#ffffffd9;white-space:nowrap;flex-shrink:0}.activity-detail-hero-influencers .activity-detail-influencer-empty{opacity:.7}.activity-detail-badge{position:absolute;top:var(--space-3);left:var(--space-3);z-index:2;padding:5px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:800;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid oklch(1 0 0 / .25);box-shadow:0 4px 12px -3px #16161659}.activity-detail-badge.is-active{background:linear-gradient(135deg,var(--color-success),oklch(.55 .12 165))}.activity-detail-badge.is-pending{background:linear-gradient(135deg,var(--color-warning),oklch(.7 .16 85))}.activity-detail-badge.is-upcoming{background:linear-gradient(135deg,#1f74bf,#005ea4,#004983);background:linear-gradient(135deg,#1f74bf,color(xyz 0.108 0.107 0.379),color(xyz 0.068 0.063 0.267))}.activity-detail-badge.is-off-shelf,.activity-detail-badge.is-ended{background:linear-gradient(135deg,var(--color-gray-500),var(--color-gray-700))}.activity-detail-badge.is-cancelled{background:linear-gradient(135deg,#dc655f,#bf3f3d 50%,#b0282c,#a20519)}.activity-detail-section{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.activity-detail-section h4{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-3)}.activity-detail-rule{display:flex;flex-direction:column;gap:var(--space-3)}.activity-detail-rule-item{display:flex;align-items:center;padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.activity-detail-rule-body{flex:1 1 0%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.activity-detail-rule-body em{font-style:normal;font-size:var(--text-xs);font-weight:700;color:var(--color-gray-400);letter-spacing:.04em}.activity-detail-rule-body strong{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);line-height:1.3;text-align:right}.activity-detail-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.activity-detail-metric{text-align:center;padding:var(--space-3) var(--space-2);background:var(--color-gray-50);border-radius:var(--radius-lg)}.activity-detail-metric strong{display:block;font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;margin-bottom:4px}.activity-detail-metric span{font-size:11px;font-weight:600;color:var(--color-gray-500)}.activity-detail-influencers-list{display:flex;flex-direction:column}.activity-detail-influencer{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);text-align:left;background:transparent;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.activity-detail-influencer:active{transform:scale(.98)}.activity-detail-influencer:hover{background:var(--color-primary-light)}.activity-detail-influencer:not(:last-child){border-bottom:1px dashed var(--color-gray-200)}.activity-detail-inf-rank{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-style:italic;color:var(--color-gray-400)}.activity-detail-inf-rank.rank-1{font-style:normal;color:#fff;background:linear-gradient(135deg,#f4c947,#e9a923,#d98b00);background:linear-gradient(135deg,#f4c947,#e9a923,color(xyz 0.383 0.331 0.031));box-shadow:0 3px 6px -2px #dfa11a99}.activity-detail-inf-rank.rank-2{font-style:normal;color:#fff;background:linear-gradient(135deg,#ced9e5,#91a0b1);box-shadow:0 3px 6px -2px #a0b0c180}.activity-detail-inf-rank.rank-3{font-style:normal;color:#fff;background:linear-gradient(135deg,#de9f5f,#b46b40);box-shadow:0 3px 6px -2px #c27c4a80}.activity-detail-inf-avatar{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-gray-100);border:1.5px solid var(--color-primary-light)}.activity-detail-inf-avatar img{width:100%;height:100%;object-fit:cover;display:block}.activity-detail-inf-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:3px}.activity-detail-inf-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-detail-inf-body span{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-detail-inf-verify{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:52px}.activity-detail-inf-verify strong{font-size:var(--text-base);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.activity-detail-inf-verify span{font-size:9px;color:var(--color-gray-400)}.activity-detail-influencers-empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-gray-400);font-size:13px;font-weight:600}.activity-detail-influencers-more{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2);margin-top:var(--space-1);border-radius:var(--radius-md);background:var(--color-gray-50);color:var(--color-gray-500);font-size:12px;font-weight:700}.activity-detail-tip{position:absolute;top:var(--space-3);right:var(--space-3);z-index:3;width:78px;height:78px;display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-full);background:#ffffffeb;color:var(--color-primary);border:2px dashed var(--color-primary);box-shadow:0 4px 14px #00000040;transform:rotate(15deg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.activity-detail-tip:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:var(--radius-full);border:1px dashed oklch(1 0 0 / .55);z-index:-1;pointer-events:none}.activity-detail-tip svg{width:100%;height:100%;overflow:visible}.activity-detail-tip svg text{font-family:inherit}.activity-detail-tip svg textPath{dominant-baseline:middle}.activity-detail-tip svg{flex-shrink:0}@media (max-width: 360px){.activity-detail-rule-item{padding:var(--space-2)}.activity-detail-rule-body strong{font-size:var(--text-xs)}}.activity-confirm-body{flex:1 1 0%;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-2) 0;text-align:center}.activity-confirm-body p{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);line-height:1.6}.activity-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.activity-confirm-btn{padding:14px var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:800;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.activity-confirm-btn:active{transform:scale(.96)}.activity-confirm-btn-secondary{color:var(--color-gray-700);background:var(--color-gray-100);border:1px solid var(--color-gray-200)}.activity-confirm-btn-secondary:hover{background:var(--color-gray-200)}.activity-confirm-btn-primary{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 12px -3px #b95e0059;box-shadow:0 4px 12px -3px oklch(.58 .19 55 / .35)}.activity-confirm-btn-primary:hover{box-shadow:0 6px 16px -3px #b95e0073;box-shadow:0 6px 16px -3px oklch(.58 .19 55 / .45)}.activity-shop-sheet{position:absolute;left:0;right:0;bottom:0;z-index:75;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo)}.activity-shop-sheet.is-open{transform:translateY(0)}.activity-shop-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.activity-shop-sheet-head strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.activity-shop-sheet-close{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.activity-shop-sheet-close:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.activity-shop-sheet-list{display:flex;flex-direction:column;gap:var(--space-2)}.activity-shop-sheet-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);background:var(--surface-card);text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.activity-shop-sheet-item:hover{border-color:var(--color-gray-200)}.activity-shop-sheet-item.is-current{border-color:var(--color-primary);background:var(--color-primary-light)}.activity-shop-sheet-item-logo{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400)}.activity-shop-sheet-item-logo img{width:100%;height:100%;object-fit:cover;display:block}.activity-shop-sheet-item-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px}.activity-shop-sheet-item-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-shop-sheet-item-body span{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-shop-sheet-check{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}@media (max-width: 360px){.activity-stats{gap:6px}.activity-stat{padding:var(--space-2) var(--space-1)}.activity-stat-label{font-size:9px}.activity-stat strong{font-size:12px}.activity-tab{padding:6px 12px;font-size:12px}.activity-card-left{width:88px;height:88px}.activity-card-info h3{font-size:13px}.activity-card-btn{padding:7px 12px;min-width:64px;font-size:11px}}.activity-help-sheet{z-index:65;max-height:88%;padding-top:0;padding-bottom:0;--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.activity-help-sheet .activity-sheet-handle{display:none}.activity-help-sheet .activity-sheet-head{padding:var(--space-2) var(--space-4) var(--space-3);margin-bottom:0;background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.activity-help-body{flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;background:var(--surface-page);margin:0 calc(var(--space-4) * -1)}.activity-help-body::-webkit-scrollbar{display:none}.activity-help-body .ah-hero{height:160px}.activity-help-cta{padding:var(--space-3) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px;margin:0 calc(var(--space-4) * -1)}.activity-help-cta .btn-large{width:100%}@media (max-width: 360px){.activity-help-sheet{max-height:92%}.activity-help-sheet .activity-sheet-head{padding:var(--space-2) var(--space-3) var(--space-3)}.activity-help-body{margin:0 calc(var(--space-3) * -1)}.activity-help-body .ah-hero{height:130px}.activity-help-cta{padding:var(--space-2) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));margin:0 calc(var(--space-3) * -1)}}.page-activity-help{z-index:11;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--surface-page);display:flex;flex-direction:column}.page-activity-help.is-active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:11}.page-activity-help{--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.ah-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.ah-header .back-btn{position:relative;top:auto;left:auto;background:transparent;box-shadow:none;color:var(--color-gray-700)}.ah-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.ah-header-spacer{width:40px;flex-shrink:0}.ah-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.ah-scroll::-webkit-scrollbar{display:none}.ah-hero{position:relative;height:230px;overflow:hidden}.ah-hero>img{width:100%;height:100%;object-fit:cover}.ah-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.12 .02 55 / .82) 8%,oklch(.12 .02 55 / .25) 55%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);color:#fff}.ah-hero-tag{align-self:flex-start;padding:var(--space-1) var(--space-2);background:#ffffff2e;border:1px solid oklch(1 0 0 / .25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-sm);font-size:11px;font-weight:700;margin-bottom:var(--space-2)}.ah-hero-overlay h2{font-size:var(--text-2xl);font-weight:800;line-height:1.35;letter-spacing:-.01em;margin-bottom:var(--space-1)}.ah-hero-overlay p{font-size:var(--text-sm);opacity:.9}.ah-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin:calc(var(--space-6) * -1 + 10px) var(--space-4) 0;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-2);box-shadow:var(--shadow-md);position:relative;z-index:2;text-align:center}.ah-stat strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums;margin-bottom:2px}.ah-stat span{font-size:11px;color:var(--color-gray-500);font-weight:600}.ah-section{margin:var(--space-6) var(--space-4) 0}.ah-section-head{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.ah-section-no{flex-shrink:0;width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:var(--text-sm);font-weight:800;display:flex;align-items:center;justify-content:center}.ah-section-head h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);line-height:1.4;margin-bottom:2px}.ah-section-head p{font-size:var(--text-xs);color:var(--color-gray-500)}.ah-media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3)}.ah-media img{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover}.ah-points{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.ah-points li{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;padding-left:var(--space-4);position:relative}.ah-points li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary)}.ah-flow{position:relative;display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.ah-flow:before{content:"";position:absolute;left:calc(var(--space-4) + 13px);top:var(--space-6);bottom:var(--space-6);width:2px;background:var(--color-gray-100)}.ah-flow-step{display:flex;gap:var(--space-3);position:relative;z-index:1}.ah-flow-no{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--color-primary-light)}.ah-flow-step strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.ah-flow-step p{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:2px;line-height:1.5}.ah-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.ah-platform{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:700;color:var(--color-gray-700);box-shadow:var(--shadow-sm)}.ah-platform:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary)}.ah-concierge-card{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) var(--space-4) 0;padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;position:relative;overflow:hidden}.ah-concierge-card:before{content:"";position:absolute;top:-40%;right:-10%;width:140px;height:140px;border-radius:var(--radius-full);background:#ffffff1a}.ah-concierge-avatar{width:52px;height:52px;border-radius:var(--radius-full);overflow:hidden;border:2px solid oklch(1 0 0 / .5);flex-shrink:0;background:linear-gradient(135deg,var(--color-primary-soft),var(--color-primary))}.ah-concierge-avatar img{width:100%;height:100%;object-fit:cover}.ah-concierge-info{flex:1 1 0%;min-width:0;position:relative;z-index:1}.ah-concierge-info strong{display:block;font-size:var(--text-sm);font-weight:800;margin-bottom:2px}.ah-concierge-info p{font-size:var(--text-xs);opacity:.85}.ah-concierge-card .btn{position:relative;z-index:1;background:#fff;color:var(--color-primary-dark);box-shadow:none}.ah-footnote{text-align:center;font-size:11px;color:var(--color-gray-400);margin:var(--space-5) var(--space-4) 0;padding-bottom:var(--space-5)}.ah-cta-bar{padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px}.page-scan{background:var(--surface-page)}.scan-body{flex:1 1 0%;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-4) calc(var(--space-10) + env(safe-area-inset-bottom));overflow-y:auto}.scan-card{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);margin-top:var(--space-2)}.scan-frame{position:relative;width:230px;height:230px;border-radius:26px;background:radial-gradient(circle at 30% 30%,oklch(.98 .02 75 / .6) 0%,transparent 45%),radial-gradient(circle at 70% 70%,oklch(.97 .03 55 / .5) 0%,transparent 45%),var(--surface-card);overflow:hidden;box-shadow:0 16px 40px -12px #ac570038,0 0 0 1px #ac570014 inset,0 0 0 4px #fff9;box-shadow:0 16px 40px -12px oklch(.55 .14 55 / .22),0 0 0 1px oklch(.55 .14 55 / .08) inset,0 0 0 4px #fff9}.scan-frame .scan-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);background:transparent;z-index:1}.scan-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.scan-placeholder-inner span{font-size:13px;font-weight:600;color:var(--color-gray-400);letter-spacing:.02em}.scan-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(oklch(.55 .14 55 / .06) 1px,transparent 1px),linear-gradient(90deg,oklch(.55 .14 55 / .06) 1px,transparent 1px);background-size:38px 38px;pointer-events:none;z-index:0}.scan-laser{position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);box-shadow:0 0 16px var(--color-primary),0 0 6px var(--color-primary);opacity:0;pointer-events:none;z-index:1}.scan-laser.is-active{opacity:1;animation:scanLaser 1.8s ease-in-out infinite}@keyframes scanLaser{0%,to{top:16px}50%{top:calc(100% - 18px)}}.scan-corner{position:absolute;width:26px;height:26px;border-color:var(--color-primary);border-style:solid;border-width:0;pointer-events:none;z-index:2}.scan-corner--tl{top:14px;left:14px;border-top-width:4px;border-left-width:4px;border-top-left-radius:12px}.scan-corner--tr{top:14px;right:14px;border-top-width:4px;border-right-width:4px;border-top-right-radius:12px}.scan-corner--bl{bottom:14px;left:14px;border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:12px}.scan-corner--br{bottom:14px;right:14px;border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:12px}.scan-card p{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-800);letter-spacing:-.01em}.scan-card>span{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.5}.scan-simulate-fab{position:absolute;right:10px;bottom:10px;padding:5px 10px;border-radius:999px;border:1px solid oklch(.75 .18 145 / .4);background:#fffffff0;color:#16a34a;font-size:11px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 10px -2px #0303031f;z-index:3;transition:transform .15s var(--ease-out-quart),background .15s}.scan-simulate-fab:active{transform:scale(.95);background:#f0fdf4}.scan-input-btn{width:100%;max-width:280px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);border:none;background:linear-gradient(145deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:var(--text-base);font-weight:700;box-shadow:0 8px 20px -6px #ac570073,0 0 0 1px #ac57001f inset;box-shadow:0 8px 20px -6px oklch(.55 .14 55 / .45),0 0 0 1px oklch(.55 .14 55 / .12) inset;transition:transform .15s var(--ease-out-quart),box-shadow .15s}.scan-input-btn svg{opacity:.9}.scan-input-btn:active{transform:scale(.98);box-shadow:0 4px 12px -4px #ac570066,0 0 0 1px #ac57001f inset;box-shadow:0 4px 12px -4px oklch(.55 .14 55 / .4),0 0 0 1px oklch(.55 .14 55 / .12) inset}.scan-recent{width:100%;max-width:400px;margin-top:var(--space-2)}.scan-recent-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding:0 var(--space-1)}.scan-recent-head h2{display:flex;align-items:center;gap:6px;font-size:var(--text-base);font-weight:700;color:var(--color-gray-800)}.scan-recent-head h2 svg{color:var(--color-primary)}.scan-recent-head span{font-size:var(--text-xs);color:var(--color-gray-500)}.scan-recent-list{display:flex;flex-direction:column;gap:var(--space-3)}.scan-recent-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100);transition:transform .15s var(--ease-out-quart),box-shadow .15s}.scan-recent-item:active{transform:scale(.99);box-shadow:var(--shadow-md)}.scan-recent-info{display:flex;flex-direction:column;gap:4px;min-width:0}.scan-recent-info strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-recent-info span{font-size:var(--text-xs);color:var(--color-gray-500)}.scan-recent-amount{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.scan-recent-amount strong{font-size:var(--text-base);font-weight:800;color:var(--color-primary-dark)}.scan-recent-tag{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:#31aa401f;color:#16a34a;font-size:10px;font-weight:700}.scan-recent-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-gray-400);font-size:var(--text-sm)}.scan-recent-empty svg{color:var(--color-gray-300)}.verify-modal-backdrop,.verify-success-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16161680;opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out-quart),visibility .3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1200}.verify-modal-backdrop.is-open,.verify-success-backdrop.is-open{opacity:1;visibility:visible}.verify-modal{position:fixed;left:50%;top:50%;width:min(calc(100% - var(--space-8)),360px);transform:translate(-50%,-50%) scale(.96);background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:opacity .25s var(--ease-out-quart),transform .25s var(--ease-out-quart),visibility .25s;z-index:1201;padding:var(--space-5)}.verify-modal.is-open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.verify-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.verify-modal-head strong{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-800)}.verify-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:var(--color-gray-100);color:var(--color-gray-600);cursor:pointer;transition:background .15s,transform .15s}.verify-modal-close:active{transform:scale(.95);background:var(--color-gray-200)}.verify-modal-body{display:flex;flex-direction:column;gap:var(--space-3)}.verify-code-label{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700)}.verify-code-input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);background:var(--surface-page);font-size:var(--text-base);color:var(--color-gray-800);outline:none;letter-spacing:.05em;transition:border-color .15s,box-shadow .15s}.verify-code-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f1944f26}.verify-code-hint{font-size:var(--text-xs);color:var(--color-gray-500);line-height:1.5;margin:0}.verify-submit-btn{width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);border:none;background:linear-gradient(145deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:var(--text-base);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.verify-submit-btn:active{transform:scale(.98)}.verify-success-modal{position:fixed;left:50%;top:50%;width:min(calc(100% - var(--space-8)),340px);transform:translate(-50%,-50%) scale(.9);background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out-quart),transform .3s var(--ease-out-back),visibility .3s;z-index:1301;padding:var(--space-6) var(--space-5);text-align:center}.verify-success-modal.is-open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.verify-success-icon{width:72px;height:72px;margin:0 auto var(--space-4);border-radius:50%;background:linear-gradient(145deg,#22c55e,#16a34a);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px -8px #31aa4080;animation:successPop .5s var(--ease-out-back) both}@keyframes successPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.verify-success-modal h2{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-800);margin-bottom:var(--space-4)}.verify-success-card{background:var(--surface-page);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;margin-bottom:var(--space-4);border:1px solid var(--color-gray-100)}.verify-success-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px dashed var(--color-gray-100)}.verify-success-row:last-child{border-bottom:none}.verify-success-row span{color:var(--color-gray-500);flex-shrink:0;font-weight:500}.verify-success-row strong{color:var(--color-gray-800);font-weight:700;text-align:right;word-break:break-all}.verify-success-row--total{padding-top:var(--space-3);margin-top:2px}.verify-success-row--total strong{font-size:var(--text-lg);font-weight:800;color:var(--color-primary-dark)}.verify-success-timer{font-size:var(--text-xs);color:var(--color-gray-500);margin:0}.tab-bar--prominent{display:flex;justify-content:space-between;align-items:flex-end;padding:0 var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));height:72px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid oklch(.94 .01 55 / .8);box-shadow:0 -4px 20px -2px #0303030f}.tab-bar__side{flex:1 1 0%;display:flex;justify-content:space-around;align-items:center;height:56px}.tab-bar--prominent .tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 10px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--color-gray-400);transition:all var(--duration-fast) var(--ease-out-quart)}.tab-bar--prominent .tab-item.is-active{color:var(--color-primary-dark);background:#faebe2;box-shadow:inset 0 1px #ffffff80}.tab-bar--prominent .tab-item span{font-size:11px;font-weight:600;line-height:1}.tab-bar__center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:86px;height:68px;padding:0 0 2px;margin-top:-32px;background:transparent;border:none;color:var(--color-gray-600);cursor:pointer}.tab-bar__bubble{width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 8px 22px -5px #ac570073,0 0 0 1px #ac57001f inset;box-shadow:0 8px 22px -5px oklch(.55 .14 55 / .45),0 0 0 1px oklch(.55 .14 55 / .12) inset;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart);margin-bottom:4px;position:relative;overflow:hidden}.tab-bar__bubble:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,oklch(1 0 0 / .25),transparent 60%);pointer-events:none}.tab-bar__center:hover .tab-bar__bubble{transform:translateY(-2px);box-shadow:0 12px 26px -5px #ac570080,0 0 0 1px #ac57001f inset;box-shadow:0 12px 26px -5px oklch(.55 .14 55 / .5),0 0 0 1px oklch(.55 .14 55 / .12) inset}.tab-bar__center:active .tab-bar__bubble,.tab-bar__center.is-active .tab-bar__bubble{transform:scale(.95) translateY(0)}.tab-bar__center span{font-size:11px;font-weight:700;color:var(--color-gray-700)}.tab-bar--prominent .tab-item svg{transition:transform var(--duration-fast) var(--ease-out-quart)}.tab-bar--prominent .tab-item:active svg{transform:scale(.9)}.tab-bar--prominent[hidden]{display:none}.page-promotion{display:flex;flex-direction:column;background:var(--surface-page);overflow:hidden}.page-promotion .page-header.centered{position:relative;padding-top:calc(var(--space-5) + env(safe-area-inset-top));padding-bottom:var(--space-4);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100);z-index:5}.page-promotion .page-header.centered:before{display:none}.page-promotion .page-header.centered h1{position:relative;z-index:1;font-size:var(--text-xl);font-weight:800;color:var(--text-primary)}.promotion-header-spacer{width:36px;flex-shrink:0}.promotion-shop-picker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;border-radius:var(--radius-full);background:var(--color-gray-100);border:1px solid var(--color-gray-200);font-size:12px;font-weight:700;color:var(--color-gray-700);max-width:130px;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.promotion-shop-picker:active{transform:scale(.96)}.promotion-shop-picker:hover{background:var(--color-gray-200)}.promotion-shop-picker-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-shop-picker-arrow{flex-shrink:0;color:var(--color-gray-500);transition:transform var(--duration-fast) var(--ease-out-quart)}.promotion-shop-picker.is-open .promotion-shop-picker-arrow{transform:rotate(180deg)}.promotion-scroll{flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:0 var(--space-4) calc(var(--space-10) + env(safe-area-inset-bottom))}.promotion-scroll::-webkit-scrollbar{display:none}.promotion-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin:var(--space-2) 0 var(--space-5)}.promotion-stat{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4) var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.promotion-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-soft))}.promotion-stat:nth-child(2):before{background:linear-gradient(90deg,#aa95e8,#795dba)}.promotion-stat:nth-child(3):before{background:linear-gradient(90deg,var(--color-warning),oklch(.7 .16 85))}.promotion-stat:nth-child(4):before{background:linear-gradient(90deg,var(--color-success),oklch(.55 .12 165))}.promotion-stat:active{transform:scale(.96)}.promotion-stat-label{font-size:10px;font-weight:600;color:var(--color-gray-500);margin-bottom:4px}.promotion-stat strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.promotion-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0 var(--space-5);scrollbar-width:none}.promotion-tabs::-webkit-scrollbar{display:none}.promotion-tab{flex-shrink:0;padding:8px 18px;border-radius:var(--radius-full);font-size:13px;font-weight:700;color:var(--color-gray-600);background:var(--surface-card);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out-quart)}.promotion-tab:hover{border-color:var(--color-gray-200);color:var(--color-gray-800)}.promotion-tab:active{transform:scale(.94)}.promotion-tab.is-active{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:transparent;box-shadow:0 4px 12px -3px #b95e0073;box-shadow:0 4px 12px -3px oklch(.58 .19 55 / .45)}.promotion-list{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-6)}.promotion-card{position:relative;display:flex;align-items:stretch;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:0 3px 12px -3px #8d68501a;overflow:hidden;padding:var(--space-3);transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart),border-color var(--duration-base) var(--ease-out-quart);animation:fade-up .4s var(--ease-out-quart) both}.promotion-card:before{content:"";position:absolute;top:-30px;right:-30px;width:90px;height:90px;border-radius:var(--radius-full);background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);opacity:.35;pointer-events:none}.promotion-card:hover{box-shadow:0 5px 16px -5px #8d685024;border-color:#d8cfca}.promotion-card:active{transform:scale(.98)}.promotion-card--platform{position:relative;overflow:hidden}.promotion-card--platform:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:var(--radius-full);background:radial-gradient(circle,oklch(.8 .1 295 / .45) 0%,transparent 70%);opacity:.6;pointer-events:none;z-index:1}.promotion-card-platform-corner{position:absolute;top:10px;right:10px;z-index:3;padding:3px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;font-style:normal;color:#7055b0;background:#efebff;background:oklch(.95 .03 295);border:1px solid oklch(.52 .14 295 / .18);white-space:nowrap}.promotion-card--platform:hover{box-shadow:0 5px 16px -5px #755db12e;border-color:#d1d0d8}.promotion-card--platform .promotion-card-left{background:linear-gradient(135deg,#e0d8ff,#c8b7ff);background:linear-gradient(135deg,color(xyz 0.753 0.715 1.179),#c8b7ff)}.promotion-card--platform .promotion-card-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 30%,oklch(1 0 0 / .15),transparent 60%);pointer-events:none}.promotion-tag-source.is-platform{background:linear-gradient(135deg,#b09bee,#7055b0);color:#fff;box-shadow:0 3px 8px -2px #755db173}.promotion-tag-source.is-merchant{background:var(--color-gray-100);color:var(--color-gray-600)}.promotion-card-left{position:relative;flex-shrink:0;width:104px;height:104px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}.promotion-card-left img{width:100%;height:100%;object-fit:cover;display:block}.promotion-card-badge{position:absolute;top:8px;left:8px;z-index:2;padding:4px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:800;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid oklch(1 0 0 / .2);box-shadow:0 3px 10px -3px #1616164d}.promotion-card-badge.is-active{background:linear-gradient(135deg,var(--color-success),oklch(.55 .12 165))}.promotion-card-badge.is-pending{background:linear-gradient(135deg,var(--color-warning),oklch(.7 .16 85))}.promotion-card-badge.is-ended{background:linear-gradient(135deg,var(--color-gray-500),var(--color-gray-700))}.promotion-card-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);padding:2px 0}.promotion-card-info h3{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);margin-bottom:3px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-card-shop{font-size:10px;font-weight:600;color:var(--color-gray-500)}.promotion-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:2px}.promotion-tag{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:800}.promotion-tag-type.is-click{background:linear-gradient(135deg,#d1e7ff,#a8d2ff);background:linear-gradient(135deg,color(xyz 0.728 0.782 1.172),color(xyz 0.573 0.618 1.05));color:#005798;color:oklch(.45 .14 250)}.promotion-tag-type.is-verify{background:linear-gradient(135deg,#dff6de,#c0e3c0);color:#1e6626}.promotion-tag-budget{background:var(--color-primary-light);color:var(--color-primary-dark)}.promotion-card-time{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--color-gray-500);margin-top:2px}.promotion-card-influencers{display:flex;align-items:center;gap:var(--space-2);min-height:26px;margin-top:2px}.promotion-avatars{display:flex;align-items:center}.promotion-avatars img{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--surface-card);background:var(--color-gray-100);margin-left:-8px}.promotion-avatars img:first-child{margin-left:0}.promotion-avatars em{display:flex;align-items:center;justify-content:center;height:24px;min-width:24px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-gray-100);border:2px solid var(--surface-card);color:var(--color-gray-500);font-size:9px;font-weight:800;font-style:normal;margin-left:-8px}.promotion-influencer-count{font-size:10px;font-weight:600;color:var(--color-gray-500)}.promotion-influencer-empty{font-size:10px;font-weight:600;color:var(--color-gray-400)}.promotion-card-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-gray-100);margin-top:var(--space-1)}.promotion-card-metric{text-align:center}.promotion-card-metric strong{display:block;font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;margin-bottom:2px}.promotion-card-metric span{font-size:10px;font-weight:600;color:var(--color-gray-500)}.promotion-card-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-gray-100);margin-top:var(--space-1)}.promotion-card-btn{flex:0 1 auto;min-width:72px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:700;color:var(--color-gray-700);background:var(--color-gray-100);transition:all var(--duration-fast) var(--ease-out-quart)}.promotion-card-btn:hover{background:var(--color-gray-200)}.promotion-card-btn:active{transform:scale(.96)}.promotion-card-btn-primary{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 12px -3px #b95e0059;box-shadow:0 4px 12px -3px oklch(.58 .19 55 / .35)}.promotion-card-btn-primary:hover{box-shadow:0 6px 16px -3px #b95e0073;box-shadow:0 6px 16px -3px oklch(.58 .19 55 / .45)}.promotion-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-gray-400);animation:fade-up .4s var(--ease-out-quart) both}.promotion-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);box-shadow:0 8px 24px -8px #b95e0059;box-shadow:0 8px 24px -8px oklch(.58 .19 55 / .35)}.promotion-empty p{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:4px}.promotion-empty span{font-size:12px;color:var(--color-gray-500);line-height:1.5}.promotion-fab{position:absolute;right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:10;display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 18px;border-radius:var(--radius-full);font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 8px 24px -6px #b95e008c,inset 0 1px #ffffff40;box-shadow:0 8px 24px -6px oklch(.58 .19 55 / .55),inset 0 1px #ffffff40;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.promotion-fab:hover{box-shadow:0 12px 32px -6px #b95e0099;box-shadow:0 12px 32px -6px oklch(.58 .19 55 / .6);transform:translateY(-2px)}.promotion-fab:active{transform:scale(.94) translateY(0)}.promotion-fab svg{flex-shrink:0}.promotion-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f0a078c;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.promotion-sheet-backdrop.is-open{opacity:1;pointer-events:auto}.promotion-sheet{position:absolute;left:0;right:0;bottom:0;z-index:70;max-height:92%;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-3) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform var(--duration-slow) var(--ease-out-expo);display:flex;flex-direction:column;overflow:hidden}.promotion-sheet.is-open{transform:translateY(0)}.promotion-sheet-handle{width:40px;height:5px;border-radius:var(--radius-full);background:var(--color-gray-200);margin:0 auto var(--space-3);flex-shrink:0}.promotion-sheet-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-shrink:0;min-width:0}.promotion-sheet-head strong{flex:1 1 0%;min-width:0;font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-sheet-head-spacer{flex:0 0 auto;width:32px}.promotion-sheet-back{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;gap:3px;padding:5px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:700;color:var(--color-gray-700);background:var(--color-gray-100);border:1px solid var(--color-gray-200);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.promotion-sheet-back span{overflow:hidden;text-overflow:ellipsis}.promotion-sheet-back:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)}.promotion-sheet-back:active{transform:scale(.96)}.promotion-sheet-close{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.promotion-sheet-close:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.promotion-sheet-close:active{transform:scale(.92)}.promotion-form{flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:var(--space-4)}.promotion-form::-webkit-scrollbar{display:none}.promotion-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.promotion-form-group label{font-size:13px;font-weight:700;color:var(--color-gray-700)}.promotion-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.promotion-form input[type=number],.promotion-form input[type=datetime-local],.promotion-form select{width:100%;height:46px;padding:0 var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);background:var(--surface-card);font-size:14px;font-weight:600;color:var(--color-gray-900);outline:none;transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart);-moz-appearance:none;appearance:none;-webkit-appearance:none}.promotion-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.promotion-form input::placeholder{color:var(--color-gray-400)}.promotion-form input:focus,.promotion-form select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.promotion-form input.is-error,.promotion-form select.is-error{border-color:var(--color-error);animation:shake .3s var(--ease-out-quart)}.promotion-input-prefix{position:relative;display:flex;align-items:center}.promotion-input-prefix input{padding-left:34px}.promotion-input-prefix span{position:absolute;left:14px;font-size:13px;font-weight:700;color:var(--color-gray-500);pointer-events:none}.promotion-type-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.promotion-type-item{position:relative;display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);background:var(--surface-card);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.promotion-type-item:hover{border-color:var(--color-gray-300)}.promotion-type-item.is-selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-light)}.promotion-type-item input{position:absolute;opacity:0;width:0;height:0}.promotion-type-item span{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900)}.promotion-type-item small{font-size:11px;font-weight:600;color:var(--color-gray-500);line-height:1.4}.promotion-form-tips{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-gray-50);color:var(--color-gray-500);font-size:12px;font-weight:600;line-height:1.5}.promotion-form-tips svg{flex-shrink:0;color:var(--color-primary);margin-top:1px}.promotion-form-submit{width:100%;padding:15px var(--space-4);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:800;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 6px 18px -4px #b95e0066;box-shadow:0 6px 18px -4px oklch(.58 .19 55 / .4);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart);margin-top:auto}.promotion-form-submit:hover{box-shadow:0 8px 22px -4px #b95e0080;box-shadow:0 8px 22px -4px oklch(.58 .19 55 / .5)}.promotion-form-submit:active{transform:scale(.98)}.promotion-detail{flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-1)}.promotion-detail::-webkit-scrollbar{display:none}.promotion-detail-hero{position:relative;width:100%;height:0;padding-bottom:50%;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100);flex-shrink:0}.promotion-detail-hero img,.promotion-detail-hero-overlay,.promotion-detail-hero-body{position:absolute;top:0;right:0;bottom:0;left:0}.promotion-detail-hero img{width:100%;height:100%;object-fit:cover;display:block}.promotion-detail-hero-overlay{background:linear-gradient(to top,oklch(.08 0 0 / .9) 0%,oklch(.08 0 0 / .5) 45%,transparent 70%);z-index:1}.promotion-detail-hero-body{display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5) var(--space-4) var(--space-4);z-index:2;color:#fff}.promotion-detail-hero-shop{display:inline-flex;align-items:center;gap:4px;width:fit-content;font-size:11px;font-weight:700;color:#ffffffd9;background:#ffffff24;border:1px solid oklch(1 0 0 / .2);padding:3px 10px;border-radius:var(--radius-full);margin-bottom:8px}.promotion-detail-hero-body h2{font-size:var(--text-xl);font-weight:800;line-height:1.25;text-shadow:0 2px 8px oklch(0 0 0 / .35)}.promotion-detail-hero-influencers{display:flex;align-items:center;gap:var(--space-2);margin-top:10px;min-height:26px}.promotion-detail-hero-influencers .promotion-avatars{display:none}.promotion-detail-hero-influencers .promotion-avatars img{width:26px;height:26px;border:2px solid oklch(1 0 0 / .35);margin-left:-8px}.promotion-detail-hero-influencers .promotion-avatars img:first-child{margin-left:0}.promotion-detail-hero-influencers .promotion-avatars em{width:26px;height:26px;min-width:26px;border:2px solid oklch(1 0 0 / .35);color:#ffffffe6;background:#ffffff2e;margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;font-style:normal}.promotion-detail-hero-influencers .promotion-influencer-count,.promotion-detail-hero-influencers .promotion-influencer-empty,.promotion-detail-influencer-empty{display:inline-flex;align-items:center;height:26px;line-height:1;font-size:11px;font-weight:600;color:#ffffffd9;white-space:nowrap;flex-shrink:0}.promotion-detail-influencer-empty{opacity:.7}.promotion-detail-badge{position:absolute;top:var(--space-3);left:var(--space-3);z-index:2;padding:5px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:800;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid oklch(1 0 0 / .25);box-shadow:0 4px 12px -3px #16161659}.promotion-detail-badge.is-active{background:linear-gradient(135deg,var(--color-success),oklch(.55 .12 165))}.promotion-detail-badge.is-pending{background:linear-gradient(135deg,var(--color-warning),oklch(.7 .16 85))}.promotion-detail-badge.is-ended{background:linear-gradient(135deg,var(--color-gray-500),var(--color-gray-700))}.promotion-detail-section{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.promotion-detail-section h4{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-3)}.promotion-detail-rule{display:flex;flex-direction:column;gap:var(--space-3)}.promotion-detail-rule-item{display:flex;align-items:center;padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.promotion-detail-rule-body{flex:1 1 0%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.promotion-detail-rule-body em{font-style:normal;font-size:var(--text-xs);font-weight:700;color:var(--color-gray-400);letter-spacing:.04em}.promotion-detail-rule-body strong{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);line-height:1.3;text-align:right}.promotion-detail-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.promotion-detail-metric{text-align:center;padding:var(--space-3) var(--space-2);background:var(--color-gray-50);border-radius:var(--radius-lg)}.promotion-detail-metric strong{display:block;font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;margin-bottom:4px}.promotion-detail-metric span{font-size:11px;font-weight:600;color:var(--color-gray-500)}.promotion-detail-influencers-list{display:flex;flex-direction:column}.promotion-detail-influencer{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);text-align:left;background:transparent;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.promotion-detail-influencer:active{transform:scale(.98)}.promotion-detail-influencer:hover{background:var(--color-primary-light)}.promotion-detail-influencer:not(:last-child){border-bottom:1px dashed var(--color-gray-200)}.promotion-detail-inf-rank{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-style:italic;color:var(--color-gray-400)}.promotion-detail-inf-rank.rank-1{font-style:normal;color:#fff;background:linear-gradient(135deg,#f4c947,#e9a923,#d98b00);background:linear-gradient(135deg,#f4c947,#e9a923,color(xyz 0.383 0.331 0.031));box-shadow:0 3px 6px -2px #dfa11a99}.promotion-detail-inf-rank.rank-2{font-style:normal;color:#fff;background:linear-gradient(135deg,#ced9e5,#91a0b1);box-shadow:0 3px 6px -2px #a0b0c180}.promotion-detail-inf-rank.rank-3{font-style:normal;color:#fff;background:linear-gradient(135deg,#de9f5f,#b46b40);box-shadow:0 3px 6px -2px #c27c4a80}.promotion-detail-inf-avatar{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-gray-100);border:1.5px solid var(--color-primary-light)}.promotion-detail-inf-avatar img{width:100%;height:100%;object-fit:cover;display:block}.promotion-detail-inf-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:3px}.promotion-detail-inf-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-detail-inf-body span{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-detail-inf-verify{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:52px}.promotion-detail-inf-verify strong{font-size:var(--text-base);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.promotion-detail-inf-verify span{font-size:9px;color:var(--color-gray-400)}.promotion-detail-influencers-empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-gray-400);font-size:13px;font-weight:600}.promotion-detail-influencers-more{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2);margin-top:var(--space-1);border-radius:var(--radius-md);background:var(--color-gray-50);color:var(--color-gray-500);font-size:12px;font-weight:700}.promotion-detail-tip{position:absolute;top:var(--space-3);right:var(--space-3);z-index:3;width:78px;height:78px;display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-full);background:#ffffffeb;color:var(--color-primary);border:2px dashed var(--color-primary);box-shadow:0 4px 14px #00000040;transform:rotate(15deg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.promotion-detail-tip:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:var(--radius-full);border:1px dashed oklch(1 0 0 / .55);z-index:-1;pointer-events:none}.promotion-detail-tip svg{width:100%;height:100%;overflow:visible}.promotion-detail-tip svg text{font-family:inherit}.promotion-detail-tip svg textPath{dominant-baseline:middle}.promotion-detail-tip svg{flex-shrink:0}.promotion-confirm-body{flex:1 1 0%;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-2) 0;text-align:center}.promotion-confirm-body p{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);line-height:1.6}.promotion-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.promotion-confirm-btn{padding:14px var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:800;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.promotion-confirm-btn:active{transform:scale(.96)}.promotion-confirm-btn-secondary{color:var(--color-gray-700);background:var(--color-gray-100);border:1px solid var(--color-gray-200)}.promotion-confirm-btn-secondary:hover{background:var(--color-gray-200)}.promotion-confirm-btn-primary{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 12px -3px #b95e0059;box-shadow:0 4px 12px -3px oklch(.58 .19 55 / .35)}.promotion-confirm-btn-primary:hover{box-shadow:0 6px 16px -3px #b95e0073;box-shadow:0 6px 16px -3px oklch(.58 .19 55 / .45)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.promotion-shop-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo)}.promotion-shop-sheet.is-open{transform:translateY(0)}.promotion-shop-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.promotion-shop-sheet-head strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.promotion-shop-sheet-close{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.promotion-shop-sheet-close:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.promotion-shop-sheet-list{display:flex;flex-direction:column;gap:var(--space-2)}.promotion-shop-sheet-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);background:var(--surface-card);text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.promotion-shop-sheet-item:hover{border-color:var(--color-gray-200)}.promotion-shop-sheet-item.is-current{border-color:var(--color-primary);background:var(--color-primary-light)}.promotion-shop-sheet-item-logo{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400)}.promotion-shop-sheet-item-logo img{width:100%;height:100%;object-fit:cover;display:block}.promotion-shop-sheet-item-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px}.promotion-shop-sheet-item-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-shop-sheet-item-body span{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-shop-sheet-check{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.promotion-help-sheet{z-index:65;max-height:88%;padding-top:0;padding-bottom:0;--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.promotion-help-sheet .promotion-sheet-handle{display:none}.promotion-help-sheet .promotion-sheet-head{padding:var(--space-2) var(--space-4) var(--space-3);margin-bottom:0;background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.promotion-help-body{flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;background:var(--surface-page);margin:0 calc(var(--space-4) * -1)}.promotion-help-body::-webkit-scrollbar{display:none}.promotion-help-body .ah-hero{height:160px}.promotion-help-cta{padding:var(--space-3) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px;margin:0 calc(var(--space-4) * -1)}.promotion-help-cta .btn-large{width:100%}@media (max-width: 360px){.promotion-help-sheet{max-height:92%}.promotion-help-sheet .promotion-sheet-head{padding:var(--space-2) var(--space-3) var(--space-3)}.promotion-help-body{margin:0 calc(var(--space-3) * -1)}.promotion-help-body .ah-hero{height:130px}.promotion-help-cta{padding:var(--space-2) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));margin:0 calc(var(--space-3) * -1)}}@media (max-width: 360px){.promotion-stats{gap:6px}.promotion-stat{padding:var(--space-2) var(--space-1)}.promotion-stat-label{font-size:9px}.promotion-stat strong{font-size:12px}.promotion-tab{padding:6px 12px;font-size:12px}.promotion-card-left{width:88px;height:88px}.promotion-card-info h3{font-size:13px}.promotion-card-metrics{gap:4px}.promotion-card-metric strong{font-size:13px}.promotion-card-btn{padding:7px 12px;min-width:64px;font-size:11px}.promotion-form-row,.promotion-type-picker{grid-template-columns:1fr}.promotion-detail-metrics{grid-template-columns:repeat(2,1fr)}.promotion-detail-rule-body strong{font-size:var(--text-xs)}}.page-hero{--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55);--hero-violet: oklch(.54 .13 295);--hero-violet-soft: oklch(.95 .03 295);display:flex;flex-direction:column;background:var(--surface-page)}.hero-header{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:var(--space-2);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-4);background:linear-gradient(150deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:0 10px 30px -10px #bb680073;box-shadow:0 10px 30px -10px oklch(.6 .16 60 / .45)}.hero-header-top{display:flex;align-items:center;justify-content:space-between}.hero-back{width:36px;height:36px;border-radius:50%;background:#ffffff24;border:1px solid oklch(1 0 0 / .2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out-quart)}.hero-back:hover{background:#ffffff3d}.hero-back:active{transform:scale(.95)}.hero-title{flex:1;font-size:var(--text-lg);font-weight:800;color:#fff;letter-spacing:-.02em;text-align:center;text-shadow:0 2px 4px oklch(.1 0 0 / .1)}.hero-header-spacer{width:36px;flex-shrink:0}.hero-subtitle{font-size:var(--text-xs);color:#ffffffbf;text-align:center;font-weight:600}.hero-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom))}.hero-scroll::-webkit-scrollbar{display:none}.hero-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.hero-summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-4) var(--space-2);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center}.hero-summary-card strong{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.hero-summary-card span{font-size:11px;color:var(--color-gray-500);font-weight:600}.hero-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-3)}.hero-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.hero-section-head h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.hero-section-badge{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#b09bee,#7055b0);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -3px #755db18c,inset 0 1px #ffffff4d}.hero-section-head>span{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.hero-list{display:flex;flex-direction:column}.hero-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);text-align:left;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.hero-item:active{transform:scale(.98)}.hero-item:hover{background:var(--hero-violet-soft)}.hero-item:not(:last-child){border-bottom:1px dashed var(--color-gray-200)}.hero-rank{flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;font-style:italic;color:var(--color-gray-400)}.hero-rank.rank-1{font-style:normal;color:#fff;background:linear-gradient(135deg,#f4c947,#e9a923,#d98b00);background:linear-gradient(135deg,#f4c947,#e9a923,color(xyz 0.383 0.331 0.031));box-shadow:0 3px 6px -2px #dfa11a99}.hero-rank.rank-2{font-style:normal;color:#fff;background:linear-gradient(135deg,#ced9e5,#91a0b1);box-shadow:0 3px 6px -2px #a0b0c180}.hero-rank.rank-3{font-style:normal;color:#fff;background:linear-gradient(135deg,#de9f5f,#b46b40);box-shadow:0 3px 6px -2px #c27c4a80}.hero-avatar{flex-shrink:0;width:46px;height:46px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-gray-100);border:1.5px solid var(--hero-violet-soft)}.hero-avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:3px}.hero-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-body span{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-verify{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:60px}.hero-verify strong{font-size:var(--text-base);font-weight:800;color:var(--hero-violet);font-variant-numeric:tabular-nums}.hero-verify span{font-size:9px;color:var(--color-gray-400)}.hero-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center;gap:var(--space-2)}.hero-empty[hidden]{display:none}.hero-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--hero-violet-soft);color:var(--hero-violet);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1);box-shadow:0 8px 24px -10px #755db159}.hero-empty p{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-700)}.hero-empty span{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.5}.hero-footnote{text-align:center;font-size:11px;color:var(--color-gray-400);margin-top:var(--space-4);font-weight:600}.hero-backtop{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + 64px + env(safe-area-inset-bottom));width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--surface-card);color:var(--color-gray-700);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart),transform var(--duration-base) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart);z-index:20}.hero-backtop.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.hero-backtop:hover{background:var(--hero-violet-soft);color:var(--hero-violet)}.page-hot{--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55);--hot-flame: oklch(.56 .16 42);--hot-flame-soft: oklch(.95 .04 52);display:flex;flex-direction:column;background:var(--surface-page)}.hot-header{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:var(--space-2);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-4);background:linear-gradient(150deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:0 10px 30px -10px #bb680073;box-shadow:0 10px 30px -10px oklch(.6 .16 60 / .45)}.hot-header-top{display:flex;align-items:center;justify-content:space-between}.hot-back{width:36px;height:36px;border-radius:50%;background:#ffffff24;border:1px solid oklch(1 0 0 / .2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out-quart)}.hot-back:hover{background:#ffffff3d}.hot-back:active{transform:scale(.95)}.hot-title{flex:1;font-size:var(--text-lg);font-weight:800;color:#fff;letter-spacing:-.02em;text-align:center;text-shadow:0 2px 4px oklch(.1 0 0 / .1)}.hot-header-spacer{width:36px;flex-shrink:0}.hot-subtitle{font-size:var(--text-xs);color:#ffffffbf;text-align:center;font-weight:600}.hot-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom))}.hot-scroll::-webkit-scrollbar{display:none}.hot-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.hot-summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-4) var(--space-2);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center}.hot-summary-card strong{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.hot-summary-card span{font-size:11px;color:var(--color-gray-500);font-weight:600}.hot-summary-card.is-self{background:var(--hot-flame-soft);border-color:#ffd4bc;border-color:oklch(.9 .06 50)}.hot-summary-card.is-self strong{color:var(--hot-flame)}.hot-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-3)}.hot-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.hot-section-head h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.hot-section-badge{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#fe8f5b,#c73e1a);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -3px #ce47148c,inset 0 1px #ffffff4d}.hot-section-head>span{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.hot-list{display:flex;flex-direction:column}.hot-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);text-align:left;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.hot-item:active{transform:scale(.98)}.hot-item:hover{background:var(--hot-flame-soft)}.hot-item:not(:last-child){border-bottom:1px dashed var(--color-gray-200)}.hot-rank{flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;font-style:italic;color:var(--color-gray-400)}.hot-rank.rank-1{font-style:normal;color:#fff;background:linear-gradient(135deg,#f4c947,#e9a923,#d98b00);background:linear-gradient(135deg,#f4c947,#e9a923,color(xyz 0.383 0.331 0.031));box-shadow:0 3px 6px -2px #dfa11a99}.hot-rank.rank-2{font-style:normal;color:#fff;background:linear-gradient(135deg,#ced9e5,#91a0b1);box-shadow:0 3px 6px -2px #a0b0c180}.hot-rank.rank-3{font-style:normal;color:#fff;background:linear-gradient(135deg,#de9f5f,#b46b40);box-shadow:0 3px 6px -2px #c27c4a80}.hot-logo{flex-shrink:0;width:46px;height:46px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100)}.hot-logo img{width:100%;height:100%;object-fit:cover;display:block}.hot-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:3px}.hot-body strong{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-crown{flex-shrink:0;color:#e3ae28}.hot-self{flex-shrink:0;font-style:normal;font-size:9px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));padding:1px 5px;border-radius:var(--radius-full)}.hot-share{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-gray-500)}.hot-avatars{display:flex;align-items:center}.hot-avatars img{width:20px;height:20px;border-radius:var(--radius-full);object-fit:cover;border:1.5px solid var(--surface-card);background:var(--color-gray-100);margin-left:-6px}.hot-avatars img:first-child{margin-left:0}.hot-avatars em{display:flex;align-items:center;justify-content:center;height:20px;min-width:20px;padding:0 3px;border-radius:var(--radius-full);background:var(--color-gray-100);border:1.5px solid var(--surface-card);color:var(--color-gray-500);font-size:9px;font-weight:700;font-style:normal;margin-left:-6px}.hot-amount{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:60px}.hot-amount strong{font-size:var(--text-base);font-weight:800;color:var(--hot-flame);font-variant-numeric:tabular-nums}.hot-amount span{font-size:9px;color:var(--color-gray-400)}.hot-item.is-current{background:var(--hot-flame-soft)}.hot-item.is-top1:not(.is-current){background:#fcf5e3}.hot-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center;gap:var(--space-2)}.hot-empty[hidden]{display:none}.hot-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--hot-flame-soft);color:var(--hot-flame);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1);box-shadow:0 8px 24px -10px #ce471459}.hot-empty p{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-700)}.hot-empty span{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.5}.hot-footnote{text-align:center;font-size:11px;color:var(--color-gray-400);margin-top:var(--space-4);font-weight:600}.page-school{display:flex;flex-direction:column;background:var(--surface-page)}.school-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding-bottom:var(--space-5)}.school-scroll::-webkit-scrollbar{display:none}.school-hero{position:relative;height:200px;overflow:hidden}.school-hero>img{width:100%;height:100%;object-fit:cover}.school-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.12 .02 55 / .82) 8%,oklch(.12 .02 55 / .25) 55%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);color:#fff}.school-hero-tag{align-self:flex-start;padding:var(--space-1) var(--space-2);background:#ffffff2e;border:1px solid oklch(1 0 0 / .25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-sm);font-size:11px;font-weight:700;margin-bottom:var(--space-2)}.school-hero-overlay h2{font-size:var(--text-xl);font-weight:800;line-height:1.35;letter-spacing:-.01em;margin-bottom:var(--space-1)}.school-hero-overlay p{font-size:var(--text-sm);opacity:.9}.school-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-4) var(--space-4) var(--space-2);scrollbar-width:none}.school-tabs::-webkit-scrollbar{display:none}.school-tabs .tab{flex-shrink:0}.school-list{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-5)}.school-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;text-align:left;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart);cursor:pointer}.school-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.school-card:active{transform:scale(.98)}.school-card-media{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.school-card-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-quart)}.school-card:hover .school-card-media img{transform:scale(1.04)}.school-card-type{position:absolute;top:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:800;color:#fff;background:var(--color-primary)}.school-card-type.is-video{background:var(--color-info)}.school-card-type.is-daily{background:var(--color-success)}.school-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:var(--radius-full);background:#ffffffeb;color:var(--color-gray-900);display:flex;align-items:center;justify-content:center;box-shadow:#03030333 0 4px 16px;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.school-card:hover .school-card-play{transform:translate(-50%,-50%) scale(1.1);background:var(--color-primary);color:#fff}.school-card-body{padding:var(--space-4)}.school-card-title{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);line-height:1.4;margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.school-card-summary{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.5;margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.school-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.school-card-author{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.school-card-author img{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}.school-card-author span{font-size:var(--text-xs);font-weight:700;color:var(--color-gray-700)}.school-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-10) var(--space-4);text-align:center}.school-empty[hidden]{display:none}.school-empty-icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.school-empty p{font-size:var(--text-base);font-weight:700;color:var(--color-gray-700)}.school-empty span{font-size:var(--text-sm);color:var(--color-gray-500)}.school-detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--surface-page);display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity var(--duration-base) var(--ease-out-quart),transform var(--duration-base) var(--ease-out-quart)}.school-detail.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.school-detail-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.school-detail-scroll::-webkit-scrollbar{display:none}.school-detail .back-btn{position:absolute;top:calc(var(--space-4) + env(safe-area-inset-top));left:var(--space-4);z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-gray-800)}.school-detail-hero{position:relative;height:240px;flex-shrink:0;overflow:hidden}.school-detail-hero img{width:100%;height:100%;object-fit:cover}.school-detail-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.12 .02 55 / .82) 8%,oklch(.12 .02 55 / .25) 55%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);color:#fff}.school-detail-hero-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.school-detail-hero-tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.school-detail-hero-title{font-size:var(--text-xl);font-weight:800;line-height:1.3}.school-detail-body{padding:var(--space-5) var(--space-4)}.school-detail-author{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.school-detail-author img{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.school-detail-author strong{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.school-detail-author span{font-size:var(--text-xs);color:var(--color-gray-500)}.school-detail-content{display:flex;flex-direction:column;gap:var(--space-3)}.school-detail-content p{font-size:var(--text-base);color:var(--color-gray-700);line-height:1.8}.school-detail-video{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9;margin-bottom:var(--space-4)}.school-detail-video img{width:100%;height:100%;object-fit:cover}.school-detail-video .school-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.school-detail-video:hover .school-card-play{transform:translate(-50%,-50%) scale(1.1);background:var(--color-primary);color:#fff}.page-analysis{display:flex;flex-direction:column;background:var(--surface-page)}.analysis-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.analysis-scroll::-webkit-scrollbar{display:none}.analysis-filter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.analysis-period{display:inline-flex;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-full);padding:3px;box-shadow:var(--shadow-sm)}.analysis-period-btn{padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;color:var(--color-gray-600);transition:color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.analysis-period-btn:active{transform:scale(.96)}.analysis-period-btn.is-active{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 10px -3px #bb680073;box-shadow:0 4px 10px -3px oklch(.6 .16 60 / .45)}.analysis-shop-picker{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);font-size:12px;font-weight:700;color:var(--color-gray-700);max-width:160px}.analysis-shop-picker-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-shop-picker-arrow{flex-shrink:0;color:var(--color-gray-400);transition:transform var(--duration-fast) var(--ease-out-quart)}.analysis-shop-picker:active .analysis-shop-picker-arrow{transform:rotate(180deg)}.analysis-metrics{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-4)}.analysis-metric{display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.analysis-metric:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-200)}.analysis-metric:active{transform:scale(.98)}.analysis-metric-label{display:block;font-size:11px;font-weight:600;color:var(--color-gray-500);margin-bottom:var(--space-2)}.analysis-metric-value{display:block;font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:auto;margin-bottom:2px}.analysis-metric.is-exposure .analysis-metric-value{margin-bottom:var(--space-2)}.analysis-metric-avatars{display:flex;align-items:center;margin-top:auto}.analysis-metric-avatar{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-gray-100);border:2px solid var(--surface-card);margin-left:-8px;transition:transform var(--duration-fast) var(--ease-out-quart)}.analysis-metric-avatar:hover{transform:translateY(-2px);z-index:1}.analysis-metric-avatar:first-child{margin-left:0}.analysis-metric-avatar img{width:100%;height:100%;object-fit:cover;display:block}.analysis-metric-avatar-more{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:24px;min-width:24px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-gray-100);border:2px solid var(--surface-card);color:var(--color-gray-500);font-size:9px;font-weight:800;margin-left:-8px}.analysis-metric-avatar-label{display:block;font-size:10px;font-weight:600;color:var(--color-gray-500);margin-top:var(--space-1);white-space:nowrap}.analysis-chart-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);transition:box-shadow var(--duration-fast) var(--ease-out-quart)}.analysis-chart-card:hover{box-shadow:var(--shadow-md)}.analysis-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.analysis-chart-head h2{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.analysis-chart-unit{font-size:10px;font-weight:600;color:var(--color-gray-400)}.analysis-chart{width:100%;height:240px;position:relative}.analysis-chart-svg{width:100%;height:100%;display:block;overflow:visible}.analysis-chart-point{transition:r .2s var(--ease-out-quart);cursor:pointer}.analysis-chart-label{font-family:inherit;pointer-events:none;text-shadow:0 1px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff}.analysis-chart-point.is-active{r:6}.analysis-chart-hit{cursor:pointer}.analysis-chart-tooltip{position:absolute;transform:translate(-50%,-120%);pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out-quart);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-md);font-size:11px;color:var(--color-gray-600);white-space:nowrap;z-index:10}.analysis-chart-tooltip.is-visible{opacity:1}.analysis-chart-tooltip strong{display:block;font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);margin-bottom:2px}.analysis-chart-tooltip span{display:block}.analysis-shop-section{margin-top:var(--space-2)}.analysis-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.analysis-section-head h2{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.analysis-section-tip{font-size:10px;color:var(--color-gray-400)}.analysis-shop-list{display:flex;flex-direction:column;gap:var(--space-3)}.analysis-shop-row{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.analysis-shop-row:hover{box-shadow:var(--shadow-md)}.analysis-shop-row:active{transform:scale(.98)}.analysis-shop-row.is-current{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light),oklch(.97 .02 60));box-shadow:0 4px 12px -4px #bb680040;box-shadow:0 4px 12px -4px oklch(.6 .16 60 / .25)}.analysis-shop-row-logo{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100);margin-top:2px}.analysis-shop-row-logo img{width:100%;height:100%;object-fit:cover;display:block}.analysis-shop-row-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px}.analysis-shop-row-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-shop-row-body>span{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-shop-row-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:2px}.analysis-shop-row-tag{font-size:10px;color:var(--color-gray-500);font-weight:600;background:var(--color-gray-50);padding:2px 6px;border-radius:var(--radius-sm)}.analysis-shop-row-tag em{font-style:normal;color:var(--color-gray-900);font-weight:700;margin-left:2px}.analysis-shop-row-revenue{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-top:2px}.analysis-shop-row-revenue span{font-size:10px;color:var(--color-gray-400);white-space:nowrap}.analysis-shop-row-revenue strong{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.analysis-shop-top-inf{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffffa6;border:1px solid oklch(.9 .04 60 / .25);border-radius:var(--radius-md);transition:transform var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.analysis-shop-row:hover .analysis-shop-top-inf{background:#ffffffd9}.analysis-shop-row.is-current .analysis-shop-top-inf{background:#ffffffd9;border-color:#d58b4b59}.analysis-shop-top-inf:active{transform:scale(.98)}.analysis-shop-top-label{display:block;font-size:9px;font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-1)}.analysis-shop-top-body{display:flex;align-items:center;gap:var(--space-2)}.analysis-shop-top-avatar{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-gray-100);border:2px solid #fff;box-shadow:0 2px 6px -2px #bb68024d}.analysis-shop-top-avatar img{width:100%;height:100%;object-fit:cover;display:block}.analysis-shop-top-info{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:1px}.analysis-shop-top-info strong{font-size:var(--text-xs);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-shop-top-info span{font-size:10px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-shop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f0a0773;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.analysis-shop-backdrop.is-open{opacity:1;pointer-events:auto}.analysis-shop-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo)}.analysis-shop-sheet.is-open{transform:translateY(0)}.analysis-shop-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.analysis-shop-sheet-head strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.analysis-shop-sheet-close{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center}.analysis-shop-sheet-list{display:flex;flex-direction:column;gap:var(--space-2)}.analysis-shop-sheet-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);background:var(--surface-card);text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.analysis-shop-sheet-item.is-current{border-color:var(--color-primary);background:var(--color-primary-light)}.analysis-shop-sheet-item-logo{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100)}.analysis-shop-sheet-item-logo img{width:100%;height:100%;object-fit:cover;display:block}.analysis-shop-sheet-item-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px}.analysis-shop-sheet-item-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-shop-sheet-item-body span{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-shop-sheet-check{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.page-finance{display:flex;flex-direction:column;background:var(--surface-page)}.finance-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.finance-scroll::-webkit-scrollbar{display:none}.finance-export-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:var(--radius-full);background:#d7f8e8;color:#006f4f;color:oklch(.48 .12 165);font-size:11px;font-weight:700;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.finance-export-btn:active{transform:scale(.94)}.finance-export-btn svg{flex-shrink:0}.finance-filter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.finance-period{display:inline-flex;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-full);padding:3px;box-shadow:var(--shadow-sm)}.finance-period-btn{padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;color:var(--color-gray-600);transition:color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.finance-period-btn.is-active{color:#fff;background:linear-gradient(135deg,#56d1a3,#26ac80 50%,#14a377,#009a6f,#009068,#008660);background:linear-gradient(135deg,#56d1a3,#26ac80 50%,#14a377,color(xyz 0.143 0.242 0.189),color(xyz 0.121 0.21 0.161),color(xyz 0.101 0.181 0.136));box-shadow:0 4px 10px -3px #00866073;box-shadow:0 4px 10px -3px oklch(.55 .13 165 / .45)}.finance-shop-picker{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);font-size:12px;font-weight:700;color:var(--color-gray-700);max-width:160px}.finance-shop-picker-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-shop-picker-arrow{flex-shrink:0;color:var(--color-gray-400);transition:transform var(--duration-fast) var(--ease-out-quart)}.finance-shop-picker:active .finance-shop-picker-arrow{transform:rotate(180deg)}.finance-summary{margin-bottom:var(--space-4)}.finance-summary-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,#4fcb9c,#37b78a,#17a478 50%,#009b70,#009168 75%,#007c59);background:linear-gradient(135deg,#4fcb9c,#37b78a,#17a478 50%,color(xyz 0.145 0.245 0.191),color(xyz 0.122 0.212 0.162) 75%,color(xyz 0.083 0.154 0.113));border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);color:#fff;box-shadow:0 12px 24px -8px #00866073;box-shadow:0 12px 24px -8px oklch(.55 .13 165 / .45)}.finance-summary-main-col{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.finance-summary-main-col span{font-size:11px;font-weight:600;color:#ffffffd9}.finance-summary-main-col strong{font-size:var(--text-2xl);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}.finance-summary-main-col em{font-size:10px;font-style:normal;color:#ffffffb8}.finance-summary-main-divider{width:1px;height:44px;background:#ffffff40;border-radius:1px}.finance-detail{margin-top:var(--space-2)}.finance-detail-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.finance-detail-head h2{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.finance-detail-tip{font-size:10px;color:var(--color-gray-400)}.finance-detail-list{display:flex;flex-direction:column;gap:var(--space-3)}.finance-detail-row{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart);cursor:pointer}.finance-detail-row:active{transform:scale(.98)}.finance-detail-row-date{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-gray-50);color:var(--color-gray-700)}.finance-detail-row-date strong{font-size:var(--text-sm);font-weight:800}.finance-detail-row-date span{font-size:10px;font-weight:600;color:var(--color-gray-500)}.finance-detail-row-main{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:4px}.finance-detail-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:10px;color:var(--color-gray-500)}.finance-detail-row-meta em{font-style:normal;font-weight:700;color:var(--color-gray-900)}.finance-detail-progress{width:100%;height:5px;border-radius:var(--radius-full);background:var(--color-gray-100);overflow:hidden}.finance-detail-progress i{display:block;height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,#00976d,#1aa67a,#32b487 50%,#56d1a3);background:linear-gradient(90deg,color(xyz 0.137 0.234 0.181),#1aa67a,#32b487 50%,#56d1a3)}.finance-detail-row-amount{flex-shrink:0;text-align:right;display:flex;flex-direction:column;gap:2px}.finance-detail-row-amount strong{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.finance-detail-row-amount span{font-size:10px;color:var(--color-gray-400)}.finance-detail-row.is-expanded{border-color:#62c49d;background:#e4fcf0}.finance-order-list{margin-top:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm) inset}.finance-order-list-head,.finance-order-row{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr;gap:var(--space-2);align-items:center;padding:6px 0}.finance-order-list-head{font-size:10px;font-weight:700;color:var(--color-gray-400);border-bottom:1px solid var(--color-gray-100);margin-bottom:4px}.finance-order-row{font-size:11px;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-50)}.finance-order-row:last-child{border-bottom:none}.finance-order-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-order-id{font-weight:700;color:var(--color-gray-900)}.finance-order-time{color:var(--color-gray-500)}.finance-order-verify,.finance-order-settle{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.finance-order-settle{color:#007654;color:oklch(.5 .12 165)}.finance-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-gray-100)}.finance-page-btn{min-width:26px;height:26px;padding:0 6px;border-radius:var(--radius-md);background:var(--color-gray-50);color:var(--color-gray-700);font-size:11px;font-weight:700;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.finance-page-btn:disabled{opacity:.4;cursor:not-allowed}.finance-page-btn.is-active{background:#00976d;background:oklch(.6 .13 165);color:#fff}.finance-page-info{font-size:12px;font-weight:800;color:var(--color-gray-700);font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.finance-page-prev,.finance-page-next{padding:0 12px}.finance-service-fab{position:absolute;right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 16px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 20px -4px #bb680073;box-shadow:0 8px 20px -4px oklch(.6 .16 60 / .45);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.finance-service-fab:active{transform:scale(.94)}.finance-service-fab svg{flex-shrink:0}.finance-shop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f0a0773;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.finance-shop-backdrop.is-open{opacity:1;pointer-events:auto}.finance-shop-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo)}.finance-shop-sheet.is-open{transform:translateY(0)}.finance-shop-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.finance-shop-sheet-head strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.finance-shop-sheet-close{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center}.finance-shop-sheet-list{display:flex;flex-direction:column;gap:var(--space-2)}.finance-shop-sheet-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);background:var(--surface-card);text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.finance-shop-sheet-item.is-current{border-color:#00976d;border-color:oklch(.6 .13 165);background:#d7f8e8}.finance-shop-sheet-item-logo{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100)}.finance-shop-sheet-item-logo img{width:100%;height:100%;object-fit:cover;display:block}.finance-shop-sheet-item-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px}.finance-shop-sheet-item-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-shop-sheet-item-body span{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-shop-sheet-check{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);background:#00976d;background:oklch(.6 .13 165);color:#fff;display:flex;align-items:center;justify-content:center}.page-withdraw{display:flex;flex-direction:column;background:var(--surface-page)}.withdraw-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.withdraw-header .back-btn{position:relative;top:auto;left:auto;background:transparent;box-shadow:none;color:var(--color-gray-700)}.withdraw-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.withdraw-help-btn{display:inline-flex;align-items:center;gap:3px;padding:5px 10px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:11px;font-weight:700;border:none;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.withdraw-help-btn:active{transform:scale(.94)}.withdraw-help-btn svg{flex-shrink:0}.withdraw-header-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.withdraw-service-btn{display:inline-flex;align-items:center;gap:3px;padding:5px 10px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:11px;font-weight:700;border:none;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.withdraw-service-btn:active{transform:scale(.94)}.withdraw-service-btn svg{flex-shrink:0}.withdraw-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom))}.withdraw-scroll::-webkit-scrollbar{display:none}.withdraw-summary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4) var(--space-4);color:#fff;box-shadow:0 10px 28px -10px #bb680080;box-shadow:0 10px 28px -10px oklch(.6 .16 60 / .5);margin-bottom:var(--space-4);position:relative;overflow:hidden}.withdraw-summary:before{content:"";position:absolute;top:-40px;right:-30px;width:140px;height:140px;border-radius:var(--radius-full);background:#ffffff14}.withdraw-summary-main{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid oklch(1 0 0 / .14)}.withdraw-summary-col{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.withdraw-summary-col span{font-size:11px;font-weight:600;color:#ffffffbf}.withdraw-summary-col strong{font-size:var(--text-2xl);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}.withdraw-summary-divider{width:1px;height:44px;background:#ffffff40;border-radius:1px}.withdraw-summary-sub{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);font-size:11px;color:#ffffffd9}.withdraw-summary-sub em{font-style:normal;font-weight:800;color:#fff}.withdraw-query-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-full);background:#fff;color:var(--color-primary-dark);font-size:11px;font-weight:800;border:none;box-shadow:0 4px 12px -3px #7f441359;transition:transform var(--duration-fast) var(--ease-out-quart)}.withdraw-query-btn:active{transform:scale(.95)}.withdraw-query-btn svg{flex-shrink:0}.withdraw-filter{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none}.withdraw-filter::-webkit-scrollbar{display:none}.withdraw-filter-btn{flex-shrink:0;padding:6px 14px;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--color-gray-100);color:var(--color-gray-600);font-size:12px;font-weight:700;transition:color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.withdraw-filter-btn.is-active{color:#fff;background:linear-gradient(135deg,var(--color-primary-soft),var(--color-primary-dark));border-color:transparent;box-shadow:0 4px 10px -3px #bb680073;box-shadow:0 4px 10px -3px oklch(.6 .16 60 / .45)}.withdraw-list{display:flex;flex-direction:column;gap:var(--space-3)}.withdraw-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.withdraw-card:active{transform:scale(.99)}.withdraw-card.is-expanded{border-color:#e49b68}.withdraw-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.withdraw-card-meta{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:4px}.withdraw-card-id{font-size:11px;font-weight:700;color:var(--color-gray-500);display:flex;align-items:center;gap:6px}.withdraw-card-id button{color:var(--color-primary);font-size:10px;font-weight:700;border:none;background:transparent;padding:0}.withdraw-card-account{font-size:var(--text-sm);color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.withdraw-card-amount{flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.withdraw-card-amount strong{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.withdraw-card-status{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700}.withdraw-card-status.status-success{background:#dcf7e1;color:#09672e}.withdraw-card-status.status-processing{background:#fbedd1;color:#906b00;color:oklch(.55 .12 85)}.withdraw-card-status.status-failed{background:#ffe7e4;background:oklch(.95 .04 25);color:#ad524d}.withdraw-card-status svg{flex-shrink:0}.withdraw-card-info{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-gray-100);font-size:11px;color:var(--color-gray-500)}.withdraw-card-reason{margin-top:var(--space-2);font-size:11px;color:var(--color-error);line-height:1.5}.withdraw-card-query{margin-top:var(--space-3);display:flex;justify-content:flex-end}.withdraw-card-query-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:11px;font-weight:700;border:none;transition:background var(--duration-fast) var(--ease-out-quart)}.withdraw-card-query-btn:active{transform:scale(.95)}.withdraw-card-query-btn svg{flex-shrink:0}.withdraw-timeline{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);position:relative}.withdraw-timeline:before{content:"";position:absolute;left:23px;top:12px;bottom:12px;width:2px;background:var(--color-gray-200);border-radius:1px}.withdraw-timeline-step{display:flex;align-items:flex-start;gap:var(--space-3);position:relative;z-index:1}.withdraw-timeline-dot{flex-shrink:0;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-gray-200);border:3px solid var(--color-gray-50);display:flex;align-items:center;justify-content:center;margin-top:1px}.withdraw-timeline-step.is-done .withdraw-timeline-dot{background:var(--color-success);border-color:#dcf7e1}.withdraw-timeline-step.is-done .withdraw-timeline-dot:after{content:"";width:5px;height:5px;border-radius:50%;background:#fff}.withdraw-timeline-step.is-current .withdraw-timeline-dot{background:var(--color-warning);border-color:#fbedd1;box-shadow:0 0 0 3px #fbedd1}.withdraw-timeline-step.is-failed .withdraw-timeline-dot{background:var(--color-error);border-color:#ffe7e4;border-color:oklch(.95 .04 25)}.withdraw-timeline-step.is-failed .withdraw-timeline-dot:after{content:"";width:5px;height:5px;border-radius:50%;background:#fff}.withdraw-timeline-body{flex:1 1 0%;display:flex;flex-direction:column;gap:1px;padding-top:1px}.withdraw-timeline-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700)}.withdraw-timeline-step.is-done .withdraw-timeline-body strong,.withdraw-timeline-step.is-current .withdraw-timeline-body strong{color:var(--color-gray-900)}.withdraw-timeline-step.is-failed .withdraw-timeline-body strong{color:var(--color-error)}.withdraw-timeline-body span{font-size:11px;color:var(--color-gray-400)}.withdraw-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-10) var(--space-4);color:var(--color-gray-500);text-align:center}.withdraw-empty-icon{width:72px;height:72px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.withdraw-empty strong{font-size:var(--text-base);font-weight:700;color:var(--color-gray-700);margin-bottom:4px}.withdraw-empty span{font-size:var(--text-sm)}.withdraw-help-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f0a0773;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.withdraw-help-backdrop.is-open{opacity:1;pointer-events:auto}.withdraw-help-sheet{position:absolute;left:0;right:0;bottom:0;z-index:70;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);max-height:90%;display:flex;flex-direction:column}.withdraw-help-sheet.is-open{transform:translateY(0)}.withdraw-help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-shrink:0}.withdraw-help-head strong{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900)}.withdraw-help-close{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;border:none}.withdraw-help-body{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.withdraw-help-body::-webkit-scrollbar{display:none}.withdraw-help-flow{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:var(--space-4) var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none}.withdraw-help-flow::-webkit-scrollbar{display:none}.withdraw-flow-step{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;width:64px}.withdraw-flow-dot{width:14px;height:14px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.withdraw-flow-step strong{font-size:11px;font-weight:800;color:var(--color-gray-900)}.withdraw-flow-step span{font-size:10px;color:var(--color-gray-500);line-height:1.3}.withdraw-flow-line{flex-shrink:0;width:24px;height:2px;background:linear-gradient(90deg,var(--color-primary-light),var(--color-primary));border-radius:1px;margin-top:6px}.withdraw-apply-now-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-full);background:#fff;color:var(--color-primary-dark);font-size:11px;font-weight:800;border:none;box-shadow:0 4px 12px -3px #7f441359;transition:transform var(--duration-fast) var(--ease-out-quart)}.withdraw-apply-now-btn:active{transform:scale(.95)}.withdraw-apply-now-btn svg{flex-shrink:0}.withdraw-help-notice{display:flex;gap:var(--space-3);padding:var(--space-4);background:#e8fbeb;border:1px solid oklch(.92 .04 150);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.withdraw-help-notice-icon{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center}.withdraw-help-notice div{flex:1 1 0%;display:flex;flex-direction:column;gap:4px}.withdraw-help-notice strong{font-size:var(--text-sm);font-weight:800;color:#00481d;color:oklch(.35 .1 150)}.withdraw-help-notice p{font-size:12px;color:#31623d;line-height:1.6;margin:0}.withdraw-help-qualify-title{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-3)}.withdraw-qualify-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.withdraw-qualify-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.withdraw-qualify-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center}.withdraw-qualify-card strong{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900)}.withdraw-qualify-card span{font-size:11px;color:var(--color-gray-500)}@media (prefers-reduced-motion: reduce){.withdraw-card,.withdraw-query-btn,.withdraw-filter-btn,.withdraw-help-btn,.withdraw-help-backdrop,.withdraw-help-sheet,.withdraw-card-query-btn{transition:none}}.page-withdraw-apply{display:flex;flex-direction:column;background:var(--surface-page)}.withdraw-apply-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.withdraw-apply-header .back-btn{position:relative;top:auto;left:auto;background:transparent;box-shadow:none;color:var(--color-gray-700)}.withdraw-apply-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.withdraw-apply-header-spacer{width:40px;flex-shrink:0}.withdraw-apply-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.withdraw-apply-scroll::-webkit-scrollbar{display:none}.withdraw-apply-balance{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4) var(--space-4);color:#fff;box-shadow:0 10px 28px -10px #bb680080;box-shadow:0 10px 28px -10px oklch(.6 .16 60 / .5);margin-bottom:var(--space-4);position:relative;overflow:hidden}.withdraw-apply-balance:before{content:"";position:absolute;top:-40px;right:-30px;width:140px;height:140px;border-radius:var(--radius-full);background:#ffffff14}.withdraw-apply-balance-main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid oklch(1 0 0 / .14);margin-bottom:var(--space-3)}.withdraw-apply-balance-main span{font-size:12px;font-weight:600;color:#ffffffbf}.withdraw-apply-balance-main strong{font-size:2.4rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.withdraw-apply-balance-sub{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.withdraw-apply-balance-sub div{display:flex;flex-direction:column;align-items:center;gap:2px}.withdraw-apply-balance-sub span{font-size:11px;color:#ffffffb3}.withdraw-apply-balance-sub strong{font-size:var(--text-base);font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.withdraw-apply-form{display:flex;flex-direction:column;gap:var(--space-4)}.withdraw-apply-field{display:flex;flex-direction:column;gap:var(--space-2)}.withdraw-apply-field>label{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700)}.withdraw-apply-input{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out-quart)}.withdraw-apply-input.is-error{border-color:var(--color-error);animation:shake .35s ease}.withdraw-apply-input:focus-within{border-color:var(--color-primary)}.withdraw-apply-currency{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900)}.withdraw-apply-input input{flex:1 1 0%;border:none;background:transparent;font-size:var(--text-2xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;outline:none;min-width:0}.withdraw-apply-input input::placeholder{font-weight:400;color:var(--color-gray-300)}.withdraw-apply-all{flex-shrink:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:12px;font-weight:700;border:none;transition:transform var(--duration-fast) var(--ease-out-quart)}.withdraw-apply-all:active{transform:scale(.95)}.withdraw-apply-input-tip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:11px;color:var(--color-gray-500)}.withdraw-apply-fee{color:var(--color-gray-700);font-weight:700}.withdraw-apply-account{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart)}.withdraw-apply-account:active{border-color:var(--color-primary)}.withdraw-apply-account svg:last-child{flex-shrink:0;color:var(--color-gray-400);margin-left:auto}.withdraw-apply-account-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center}.withdraw-apply-account-body{flex:1 1 0%;display:flex;flex-direction:column;gap:2px;min-width:0}.withdraw-apply-account-body strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.withdraw-apply-account-body span{font-size:12px;color:var(--color-gray-500)}.withdraw-apply-notice,.withdraw-apply-safe{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm)}.withdraw-apply-notice-icon,.withdraw-apply-safe-icon{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-full);background:#dcf7e1;color:#09672e;display:flex;align-items:center;justify-content:center}.withdraw-apply-notice div,.withdraw-apply-safe span{flex:1 1 0%;font-size:12px;color:var(--color-gray-600);line-height:1.6}.withdraw-apply-notice strong{display:block;font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);margin-bottom:2px}.withdraw-apply-notice p{margin:0}.withdraw-apply-safe{align-items:center;background:var(--color-gray-50)}.withdraw-apply-safe-icon{background:var(--color-primary-light);color:var(--color-primary-dark)}.withdraw-apply-safe span{font-weight:600;color:var(--color-gray-700)}.withdraw-apply-cta{flex-shrink:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px}.withdraw-apply-cta .btn{width:100%}.withdraw-apply-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f0a0773;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.withdraw-apply-sheet-backdrop.is-open{opacity:1;pointer-events:auto}.withdraw-apply-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo)}.withdraw-apply-sheet.is-open{transform:translateY(0)}.withdraw-apply-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.withdraw-apply-sheet-head strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.withdraw-apply-sheet-close{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;border:none}.withdraw-apply-sheet-list{display:flex;flex-direction:column;gap:var(--space-2)}.withdraw-apply-sheet-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);background:var(--surface-card);text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.withdraw-apply-sheet-item.is-current{border-color:var(--color-primary);background:var(--color-primary-light)}.withdraw-apply-sheet-item-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center}.withdraw-apply-sheet-item-body{flex:1 1 0%;display:flex;flex-direction:column;gap:2px}.withdraw-apply-sheet-item-body strong{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900)}.withdraw-apply-sheet-item-body span{font-size:11px;color:var(--color-gray-500)}.withdraw-apply-sheet-check{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}@media (prefers-reduced-motion: reduce){.withdraw-apply-input,.withdraw-apply-sheet,.withdraw-apply-sheet-backdrop,.withdraw-apply-all{transition:none}}.page-orders{display:flex;flex-direction:column;background:var(--surface-page)}.orders-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.orders-scroll::-webkit-scrollbar{display:none}.orders-filter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.orders-period{display:inline-flex;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-full);padding:3px;box-shadow:var(--shadow-sm)}.orders-period-btn{padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;color:var(--color-gray-600);transition:color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.orders-period-btn.is-active{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 10px -3px #bb680073;box-shadow:0 4px 10px -3px oklch(.6 .16 60 / .45)}.orders-shop-picker{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);font-size:12px;font-weight:700;color:var(--color-gray-700);max-width:160px}.orders-shop-picker-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-shop-picker-arrow{flex-shrink:0;color:var(--color-gray-400);transition:transform var(--duration-fast) var(--ease-out-quart)}.orders-shop-picker:active .orders-shop-picker-arrow{transform:rotate(180deg)}.orders-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.orders-metric{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart)}.orders-metric:active{transform:scale(.98)}.orders-metric-label{display:block;font-size:11px;font-weight:600;color:var(--color-gray-500);margin-bottom:var(--space-2)}.orders-metric-value{display:block;font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.orders-section{margin-top:var(--space-2)}.orders-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.orders-section-head h2{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.orders-section-tip{font-size:10px;color:var(--color-gray-400)}.orders-list{display:flex;flex-direction:column;gap:var(--space-3)}.orders-row{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.orders-row:active{transform:scale(.98)}.orders-row-date{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-gray-50);color:var(--color-gray-700)}.orders-row-date strong{font-size:var(--text-sm);font-weight:800}.orders-row-date span{font-size:10px;font-weight:600;color:var(--color-gray-500)}.orders-row-main{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:4px}.orders-row-main strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-row-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:10px;color:var(--color-gray-500)}.orders-row-meta em{font-style:normal;font-weight:700;color:var(--color-gray-900)}.orders-row-status{align-self:flex-start;padding:2px 7px;border-radius:var(--radius-full);background:#d7f8e8;color:#007654;color:oklch(.5 .12 165);font-size:9px;font-weight:800}.orders-row-amount{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.orders-row-amount strong{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.orders-row-amount span{font-size:10px;color:var(--color-gray-400)}.orders-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-gray-400)}.orders-empty-icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.orders-empty p{font-size:var(--text-base);font-weight:700;color:var(--color-gray-700);margin-bottom:2px}.orders-empty span{font-size:12px}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-3)}.orders-page-btn{height:34px;padding:0 16px;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--color-gray-100);color:var(--color-gray-700);font-size:12px;font-weight:700;box-shadow:var(--shadow-sm);transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.orders-page-btn:disabled{opacity:.45;cursor:not-allowed}.orders-page-info{min-width:52px;text-align:center;font-size:13px;font-weight:800;color:var(--color-gray-700);font-variant-numeric:tabular-nums}.orders-shop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f0a0773;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.orders-shop-backdrop.is-open{opacity:1;pointer-events:auto}.orders-shop-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo)}.orders-shop-sheet.is-open{transform:translateY(0)}.orders-shop-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.orders-shop-sheet-head strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.orders-shop-sheet-close{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center}.orders-shop-sheet-list{display:flex;flex-direction:column;gap:var(--space-2)}.orders-shop-sheet-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);background:var(--surface-card);text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.orders-shop-sheet-item.is-current{border-color:var(--color-primary);background:var(--color-primary-light)}.orders-shop-sheet-item-logo{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100)}.orders-shop-sheet-item-logo img{width:100%;height:100%;object-fit:cover;display:block}.orders-shop-sheet-item-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px}.orders-shop-sheet-item-body strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-shop-sheet-item-body span{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-shop-sheet-check{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.page-shop-management{display:flex;flex-direction:column;background:var(--surface-page)}.shop-management-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.shop-management-scroll::-webkit-scrollbar{display:none}.shop-management-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.shop-management-summary-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-4) var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.shop-management-summary-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-200)}.shop-management-summary-card:active{transform:scale(.98)}.shop-management-summary-card span{font-size:11px;font-weight:600;color:var(--color-gray-500);transition:color var(--duration-fast) var(--ease-out-quart)}.shop-management-summary-card strong{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color var(--duration-fast) var(--ease-out-quart)}.shop-management-summary-card.is-active{border-color:#61b56573;background:linear-gradient(135deg,#dbf8da,#f1fcf0);box-shadow:0 4px 12px -4px #38853e38}.shop-management-summary-card.is-active:hover{box-shadow:0 6px 18px -5px #38853e52;border-color:#51a5568c}.shop-management-summary-card.is-active span{color:#27762f}.shop-management-summary-card.is-active strong{color:#005813;color:oklch(.4 .13 145)}.shop-management-summary-card.is-pending{border-color:#daa24f73;background:linear-gradient(135deg,#ffefda,#fff7ed);background:linear-gradient(135deg,color(xyz 0.855 0.881 0.705),color(xyz 0.899 0.94 0.913));box-shadow:0 4px 12px -4px #98660038;box-shadow:0 4px 12px -4px oklch(.55 .12 75 / .22)}.shop-management-summary-card.is-pending:hover{box-shadow:0 6px 18px -5px #98660052;box-shadow:0 6px 18px -5px oklch(.55 .12 75 / .32);border-color:#b9832c8c}.shop-management-summary-card.is-pending span{color:#986600;color:oklch(.55 .12 75)}.shop-management-summary-card.is-pending strong{color:#865900;color:oklch(.5 .12 75)}.shop-management-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.shop-management-section-head h2{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.shop-management-section-tip{font-size:10px;color:var(--color-gray-400)}.shop-management-list{display:flex;flex-direction:column;gap:var(--space-3)}.shop-management-card{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;transition:transform var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.shop-management-card:hover{box-shadow:var(--shadow-md)}.shop-management-card:active{transform:scale(.98)}.shop-management-logo{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100)}.shop-management-logo img{width:100%;height:100%;object-fit:cover;display:block}.shop-management-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px}.shop-management-title{display:flex;align-items:center;gap:var(--space-2)}.shop-management-title strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-management-status{flex-shrink:0;padding:2px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:700}.shop-management-status.is-active{color:#146720;background:#dff6de}.shop-management-status.is-pending{color:#986600;color:oklch(.55 .12 75);background:#ffefdb;background:oklch(.96 .04 75)}.shop-management-status.is-closed{color:var(--color-gray-600);background:var(--color-gray-100)}.shop-management-addr{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-management-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:2px}.shop-management-tags>span{font-size:10px;color:var(--color-gray-500);font-weight:600;background:var(--color-gray-50);padding:2px 6px;border-radius:var(--radius-sm)}.shop-management-tags>span em{font-style:normal;color:var(--color-gray-900);font-weight:700;margin-left:2px}.shop-management-arrow{flex-shrink:0;color:var(--color-gray-400)}.shop-management-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);text-align:center}.shop-management-empty-icon{width:72px;height:72px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1)}.shop-management-empty p{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-700)}.shop-management-empty span{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.5}.shop-management-footer{flex-shrink:0;padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100)}.shop-management-add{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);border:none;background:linear-gradient(145deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:var(--text-base);font-weight:700;box-shadow:0 8px 20px -6px #ac570073,0 0 0 1px #ac57001f inset;box-shadow:0 8px 20px -6px oklch(.55 .14 55 / .45),0 0 0 1px oklch(.55 .14 55 / .12) inset;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.shop-management-add:hover{transform:translateY(-1px)}.shop-management-add:active{transform:scale(.98)}.shop-management-add svg{flex-shrink:0}.page-staff{display:flex;flex-direction:column;background:var(--surface-page)}.page-staff .onboarding-header h1{flex:1 1 0%;text-align:center}.staff-header-switch{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;max-width:140px;font-size:11px;font-weight:700;color:#fff;padding:4px var(--space-2);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;box-shadow:0 4px 10px -3px #bb680066;box-shadow:0 4px 10px -3px oklch(.6 .16 60 / .4);transition:background var(--duration-fast) var(--ease-out-quart)}.staff-header-switch:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}.staff-header-switch:active{transform:scale(.95)}.staff-header-switch span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-header-switch svg{flex-shrink:0}.staff-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.staff-scroll::-webkit-scrollbar{display:none}.staff-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.staff-summary-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-4) var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.staff-summary-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-200)}.staff-summary-card:active{transform:scale(.98)}.staff-summary-card span{font-size:11px;font-weight:600;color:var(--color-gray-500)}.staff-summary-card strong{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.staff-summary-card.is-active{border-color:#61b56573;background:linear-gradient(135deg,#dbf8da,#f1fcf0);box-shadow:0 4px 12px -4px #38853e38}.staff-summary-card.is-active span{color:#27762f}.staff-summary-card.is-active strong{color:#005813;color:oklch(.4 .13 145)}.staff-summary-card.is-disabled{border-color:#caa1ac73;background:linear-gradient(135deg,#f8eff1,#fcf7f8);box-shadow:0 4px 12px -4px #8b667038}.staff-summary-card.is-disabled span{color:#8b6670}.staff-summary-card.is-disabled strong{color:#6d4a54}.staff-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.staff-section-head h2{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.staff-section-tip{font-size:10px;color:var(--color-gray-400)}.staff-list{display:flex;flex-direction:column;gap:var(--space-3)}.staff-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.staff-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-200)}.staff-card:active{transform:scale(.99)}.staff-card-main{display:flex;align-items:center;gap:var(--space-3)}.staff-card-avatar{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-soft),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:800}.staff-card-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px}.staff-card-title{display:flex;align-items:center;gap:var(--space-2)}.staff-card-title strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.staff-status{flex-shrink:0;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700}.staff-status.is-active{color:#146720;background:#dff6de}.staff-status.is-disabled{color:var(--color-gray-600);background:var(--color-gray-100)}.staff-card-row{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-gray-600);margin-top:2px}.staff-password{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.05em}.staff-password-toggle-inline{width:26px;height:26px;border-radius:var(--radius-full);border:none;background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.staff-password-toggle-inline.is-shown,.staff-password-toggle-inline:hover{background:var(--color-primary-light);color:var(--color-primary)}.staff-card-meta{font-size:11px;color:var(--color-gray-400);margin-top:2px}.staff-card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.staff-action{padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:var(--surface-card);font-size:var(--text-xs);font-weight:700;color:var(--color-gray-700);transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.staff-action:hover{background:var(--color-gray-50)}.staff-action:active{transform:scale(.97)}.staff-action-edit{color:var(--color-primary);border-color:var(--color-primary-light)}.staff-action-edit:hover{background:var(--color-primary-light)}.staff-action-toggle{color:var(--color-gray-700)}.staff-action-delete{color:var(--color-error);border-color:#f8dddb}.staff-action-delete:hover{background:#ffedeb}.staff-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);text-align:center}.staff-empty-icon{width:72px;height:72px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1)}.staff-empty p{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-700)}.staff-empty span{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.5}.staff-footer{flex-shrink:0;padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100)}.staff-add{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);border:none;background:linear-gradient(145deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:var(--text-base);font-weight:700;box-shadow:0 8px 20px -6px #ac570073,0 0 0 1px #ac57001f inset;box-shadow:0 8px 20px -6px oklch(.55 .14 55 / .45),0 0 0 1px oklch(.55 .14 55 / .12) inset;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.staff-add:hover{transform:translateY(-1px)}.staff-add:active{transform:scale(.98)}.staff-add svg{flex-shrink:0}.staff-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f0a0773;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart)}.staff-modal-backdrop.is-open{opacity:1;pointer-events:auto}.staff-modal{position:absolute;left:50%;top:50%;z-index:70;width:calc(100% - var(--space-8));max-width:360px;background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-5);transform:translate(-50%,-50%) scale(.96);opacity:0;pointer-events:none;transition:transform var(--duration-base) var(--ease-out-quart),opacity var(--duration-base) var(--ease-out-quart)}.staff-modal.is-open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.staff-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.staff-modal-head strong{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900)}.staff-modal-close{width:30px;height:30px;border-radius:var(--radius-full);border:none;background:var(--color-gray-100);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.staff-modal-close:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.staff-form{display:flex;flex-direction:column;gap:var(--space-3)}.staff-field{display:flex;flex-direction:column;gap:6px}.staff-field label,.staff-field>span{font-size:var(--text-xs);font-weight:700;color:var(--color-gray-700)}.staff-field input,.staff-field select{width:100%;padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);background:var(--surface-card);font-size:var(--text-sm);color:var(--color-gray-900);outline:none;transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.staff-field input:focus,.staff-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.staff-field input.is-error{border-color:var(--color-error)}.staff-field input.is-error:focus{box-shadow:0 0 0 3px #fce1de}.staff-field-hint{font-size:10px;color:var(--color-gray-400);line-height:1.4}.staff-field-row{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.staff-password-wrap{position:relative}.staff-password-wrap input{padding-right:40px}.staff-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.staff-password-toggle:hover,.staff-password-toggle.is-shown{color:var(--color-primary);background:var(--color-primary-light)}.staff-switch{position:relative;display:inline-block;width:48px;height:28px}.staff-switch input{opacity:0;width:0;height:0}.staff-switch-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:var(--color-gray-200);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart)}.staff-switch-track:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #8b667033;transition:transform var(--duration-fast) var(--ease-out-quart)}.staff-switch input:checked+.staff-switch-track{background:var(--color-success)}.staff-switch input:checked+.staff-switch-track:before{transform:translate(20px)}.staff-modal-actions,.staff-confirm-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-2)}.staff-btn-primary,.staff-btn-secondary,.staff-btn-danger{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:700;border:none;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.staff-btn-primary{background:linear-gradient(145deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 6px 16px -6px #ac570073;box-shadow:0 6px 16px -6px oklch(.55 .14 55 / .45)}.staff-btn-primary:hover{transform:translateY(-1px)}.staff-btn-primary:active{transform:scale(.98)}.staff-btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.staff-btn-secondary:hover{background:var(--color-gray-200)}.staff-btn-secondary:active{transform:scale(.98)}.staff-btn-danger{background:var(--color-error);color:#fff;box-shadow:0 6px 16px -6px #826b6973}.staff-btn-danger:hover{filter:brightness(1.05)}.staff-btn-danger:active{transform:scale(.98)}.staff-confirm{position:absolute;left:50%;top:50%;z-index:80;width:calc(100% - var(--space-8));max-width:320px;background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-6) var(--space-5);text-align:center;transform:translate(-50%,-50%) scale(.96);opacity:0;pointer-events:none;transition:transform var(--duration-base) var(--ease-out-quart),opacity var(--duration-base) var(--ease-out-quart)}.staff-confirm.is-open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.staff-confirm-icon{width:64px;height:64px;border-radius:var(--radius-full);background:#ffe8e6;background:oklch(.95 .03 25);color:var(--color-error);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.staff-confirm strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1)}.staff-confirm p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.5;margin-bottom:var(--space-4)}#staff-shop-sheet .shop-sheet-head{margin-bottom:var(--space-3)}#staff-shop-sheet .shop-sheet-item.is-current{border-color:var(--color-primary);background:var(--color-primary-light)}.page-about{display:flex;flex-direction:column;background:var(--surface-page)}.page-about .onboarding-header h1{flex:1 1 0%;text-align:center}.about-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.about-scroll::-webkit-scrollbar{display:none}.about-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-4);margin-bottom:var(--space-5);background:linear-gradient(135deg,var(--surface-card) 0%,oklch(.97 .01 55) 100%);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.about-hero-logo{width:72px;height:72px;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));box-shadow:0 8px 24px -8px #ac570059;box-shadow:0 8px 24px -8px oklch(.55 .14 55 / .35);margin-bottom:var(--space-4)}.about-hero-logo img{width:100%;height:100%;object-fit:cover;display:block}.about-hero h2{font-size:var(--text-2xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1);letter-spacing:-.02em}.about-hero p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.5;margin-bottom:var(--space-4)}.about-hero-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.about-hero-tags span{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:11px;font-weight:700}.about-section{margin-bottom:var(--space-5)}.about-section h3{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-3)}.about-lead{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.8;padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.about-cards{display:flex;flex-direction:column;gap:var(--space-3)}.about-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.about-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-200)}.about-card:active{transform:scale(.985)}.about-card-icon{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px #ffffff40;transition:transform var(--duration-fast) var(--ease-out-quart)}.about-card:hover .about-card-icon{transform:scale(1.06)}.about-card-icon.icon-flow{background:linear-gradient(135deg,#7eabf6,#3566b8);box-shadow:0 6px 14px -5px #3e6fc273,inset 0 1px #ffffff40}.about-card-icon.icon-content{background:linear-gradient(135deg,#56d1a3,#26ac80 50%,#14a377,#009a6f,#009068,#008660);background:linear-gradient(135deg,#56d1a3,#26ac80 50%,#14a377,color(xyz 0.143 0.242 0.189),color(xyz 0.121 0.21 0.161),color(xyz 0.101 0.181 0.136));box-shadow:0 6px 14px -5px #00906873,inset 0 1px #ffffff40;box-shadow:0 6px 14px -5px oklch(.58 .13 165 / .45),inset 0 1px #ffffff40}.about-card-icon.icon-loop{background:linear-gradient(135deg,#b09bee,#7055b0);box-shadow:0 6px 14px -5px #795dba73,inset 0 1px #ffffff40}.about-card-icon.icon-safe{background:linear-gradient(135deg,#7bc27e,#267d30);box-shadow:0 6px 14px -5px #30863973,inset 0 1px #ffffff40}.about-card-icon.icon-service{background:linear-gradient(135deg,var(--color-primary-soft),var(--color-primary-dark));box-shadow:0 6px 14px -5px #bb680080,inset 0 1px #ffffff40;box-shadow:0 6px 14px -5px oklch(.6 .16 60 / .5),inset 0 1px #ffffff40}.about-card-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:4px}.about-card-body strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.about-card-body span{font-size:var(--text-xs);color:var(--color-gray-500);line-height:1.7}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-xl);box-shadow:0 10px 28px -10px #bb680080;box-shadow:0 10px 28px -10px oklch(.6 .16 60 / .5)}.about-stat{text-align:center;color:#fff}.about-stat strong{display:block;font-size:var(--text-xl);font-weight:800;font-variant-numeric:tabular-nums;margin-bottom:2px}.about-stat span{font-size:10px;font-weight:600;opacity:.85}.about-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.about-step{display:flex;flex-direction:column;gap:4px;padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.about-step:hover{border-color:var(--color-primary)}.about-step:active{transform:scale(.98)}.about-step-num{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1)}.about-step strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.about-step span{font-size:11px;color:var(--color-gray-500);line-height:1.5}.about-version{text-align:center;font-size:11px;color:var(--color-gray-400);margin-top:var(--space-2)}.about-cta-bar{flex-shrink:0;display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-3);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px}.about-cta-bar .btn{width:100%}.about-cta-bar .btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700);border:none}.about-cta-bar .btn-secondary:hover{background:var(--color-gray-200)}@media (prefers-reduced-motion: reduce){.about-card{transition:none}}.page-license{background:var(--surface-page)}#license-upload[hidden]{display:none}.license-preview,.image-preview#license-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-primary);border-radius:var(--radius-lg)}.license-preview img,.image-preview#license-preview img{max-width:100%;border-radius:var(--radius-md)}.license-preview button,.image-preview#license-preview button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;border:none}.page-auth{background:var(--surface-page)}#auth-front-upload[hidden],#auth-back-upload[hidden]{display:none}.auth-grid .auth-upload-item{text-align:center}.auth-grid .auth-upload p{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}.image-preview#auth-front-preview,.image-preview#auth-back-preview{margin-top:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.image-preview#auth-front-preview img,.image-preview#auth-back-preview img{max-width:100%;border-radius:var(--radius-md)}.image-preview#auth-front-preview button,.image-preview#auth-back-preview button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;border:none}.page-materials{display:flex;flex-direction:column;background:var(--surface-page);--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-300: oklch(78% .014 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.materials-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.materials-header .back-btn{position:relative;top:auto;left:auto;background:transparent;box-shadow:none;color:var(--color-gray-700)}.materials-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.materials-help-btn{display:flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:var(--text-xs);font-weight:700;border:none;cursor:pointer}.materials-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.materials-scroll::-webkit-scrollbar{display:none}.materials-intro{margin-bottom:var(--space-5);padding-top:var(--space-2)}.materials-intro h2{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-2);letter-spacing:-.01em}.materials-intro p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.6}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.album-card{display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:0;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.album-card:hover{box-shadow:var(--shadow-md)}.album-card:active{transform:scale(.985)}.album-cover{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-gray-100)}.album-cover img{width:100%;height:100%;object-fit:cover;display:block}.album-type{position:absolute;left:var(--space-1);bottom:var(--space-1);padding:2px 6px;border-radius:var(--radius-sm);background:#1d140db3;color:#fff;font-size:10px;font-weight:700}.album-info{padding:var(--space-2) var(--space-3);text-align:left}.album-info strong{display:block;font-size:var(--text-xs);font-weight:700;color:var(--color-gray-900);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-info span{font-size:10px;color:var(--color-gray-500)}@media (prefers-reduced-motion: reduce){.album-card{transition:none}}.page-materials-guide{display:flex;flex-direction:column;background:var(--surface-page);--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-300: oklch(78% .014 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.mg-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.mg-header .back-btn{position:relative;top:auto;left:auto;background:transparent;box-shadow:none;color:var(--color-gray-700)}.mg-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.mg-header-spacer{width:40px;flex-shrink:0}.mg-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:0 0 var(--space-6)}.mg-scroll::-webkit-scrollbar{display:none}.mg-hero{position:relative;height:230px;overflow:hidden}.mg-hero>img{width:100%;height:100%;object-fit:cover}.mg-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.12 .02 55 / .82) 8%,oklch(.12 .02 55 / .25) 55%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);color:#fff}.mg-hero-tag{align-self:flex-start;padding:var(--space-1) var(--space-2);background:#ffffff2e;border:1px solid oklch(1 0 0 / .25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-sm);font-size:11px;font-weight:700;margin-bottom:var(--space-2)}.mg-hero-overlay h2{font-size:var(--text-2xl);font-weight:800;line-height:1.35;letter-spacing:-.01em;margin-bottom:var(--space-1)}.mg-hero-overlay p{font-size:var(--text-sm);opacity:.9}.mg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin:calc(var(--space-6) * -1) var(--space-4) 0;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-2);box-shadow:var(--shadow-md);position:relative;z-index:2;text-align:center}.mg-stat strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums;margin-bottom:2px}.mg-stat span{font-size:11px;color:var(--color-gray-500);font-weight:600}.mg-section{margin:var(--space-6) var(--space-4) 0}.mg-section-head{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.mg-section-no{flex-shrink:0;width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:var(--text-sm);font-weight:800;display:flex;align-items:center;justify-content:center}.mg-section-head h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);line-height:1.4;margin-bottom:2px}.mg-section-head p{font-size:var(--text-xs);color:var(--color-gray-500)}.mg-media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3)}.mg-media img{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover}.mg-points{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.mg-points li{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;padding-left:var(--space-4);position:relative}.mg-points li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary)}.mg-album-list{display:flex;flex-direction:column;gap:var(--space-3)}.mg-album-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.mg-album-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary-light),oklch(.93 .03 60));color:var(--color-primary);display:flex;align-items:center;justify-content:center}.mg-album-item strong{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:2px}.mg-album-item span{font-size:11px;color:var(--color-gray-500)}.mg-rules-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.mg-rules-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.mg-rules-list li{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;padding-left:var(--space-4);position:relative}.mg-rules-list li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary)}.mg-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.mg-platform{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:700;color:var(--color-gray-700);box-shadow:var(--shadow-sm)}.mg-platform:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary)}.mg-concierge-card{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) var(--space-4) 0;padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;position:relative;overflow:hidden}.mg-concierge-card:before{content:"";position:absolute;top:-40%;right:-10%;width:140px;height:140px;border-radius:var(--radius-full);background:#ffffff1a}.mg-concierge-avatar{width:52px;height:52px;border-radius:var(--radius-full);overflow:hidden;border:2px solid oklch(1 0 0 / .5);flex-shrink:0;background:linear-gradient(135deg,var(--color-primary-soft),var(--color-primary))}.mg-concierge-avatar img{width:100%;height:100%;object-fit:cover}.mg-concierge-info{flex:1 1 0%;min-width:0;position:relative;z-index:1}.mg-concierge-info strong{display:block;font-size:var(--text-sm);font-weight:800;margin-bottom:2px}.mg-concierge-info p{font-size:var(--text-xs);opacity:.85}.mg-concierge-card .btn{position:relative;z-index:1;background:#fff;color:var(--color-primary-dark);box-shadow:none}.mg-footnote{text-align:center;font-size:11px;color:var(--color-gray-400);margin:var(--space-5) var(--space-4) 0;padding-bottom:var(--space-5)}.mg-cta-bar{flex-shrink:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px}.mg-cta-bar .btn{width:100%}@media (prefers-reduced-motion: reduce){.mg-hero,.mg-media{transition:none}}.page-merchant-guide{display:flex;flex-direction:column;background:var(--surface-page);--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.ob-hero{position:relative;height:230px;overflow:hidden}.ob-hero>img{width:100%;height:100%;object-fit:cover}.ob-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.12 .02 55 / .82) 8%,oklch(.12 .02 55 / .25) 55%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);color:#fff}.ob-hero-tag{align-self:flex-start;padding:var(--space-1) var(--space-2);background:#ffffff2e;border:1px solid oklch(1 0 0 / .25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-sm);font-size:11px;font-weight:700;margin-bottom:var(--space-2)}.ob-hero-overlay h2{font-size:var(--text-2xl);font-weight:800;line-height:1.35;letter-spacing:-.01em;margin-bottom:var(--space-1)}.ob-hero-overlay p{font-size:var(--text-sm);opacity:.9}.ob-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin:calc(var(--space-6) * -1) var(--space-4) 0;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-2);box-shadow:var(--shadow-md);position:relative;z-index:2;text-align:center}.ob-stat strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums;margin-bottom:2px}.ob-stat span{font-size:11px;color:var(--color-gray-500);font-weight:600}.ob-section{margin:var(--space-6) var(--space-4) 0}.ob-section-head{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.ob-section-no{flex-shrink:0;width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:var(--text-sm);font-weight:800;display:flex;align-items:center;justify-content:center}.ob-section-head h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);line-height:1.4;margin-bottom:2px}.ob-section-head p{font-size:var(--text-xs);color:var(--color-gray-500)}.ob-media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3)}.ob-media img{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover}.ob-creators{display:flex;gap:var(--space-3);overflow-x:auto;padding:0 var(--space-1) var(--space-2);margin-bottom:var(--space-3);scrollbar-width:none}.ob-creators::-webkit-scrollbar{display:none}.ob-creator{flex-shrink:0;width:72px;text-align:center}.ob-creator img{width:60px;height:60px;border-radius:var(--radius-full);object-fit:cover;border:2px solid #fff;box-shadow:var(--shadow-sm);margin-bottom:var(--space-1)}.ob-creator strong{display:block;font-size:var(--text-xs);font-weight:700;color:var(--color-gray-900);white-space:nowrap}.ob-creator span{font-size:10px;color:var(--color-gray-500);white-space:nowrap}.ob-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.ob-chips span{padding:var(--space-1) var(--space-3);background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.ob-points{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.ob-points li{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;padding-left:var(--space-4);position:relative}.ob-points li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary)}.ob-flow{position:relative;display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.ob-flow:before{content:"";position:absolute;left:calc(var(--space-4) + 13px);top:var(--space-6);bottom:var(--space-6);width:2px;background:var(--color-gray-100)}.ob-flow-step{display:flex;gap:var(--space-3);position:relative;z-index:1}.ob-flow-no{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--color-primary-light)}.ob-flow-step strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.ob-flow-step p{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:2px;line-height:1.5}.ob-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.ob-platform{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:700;color:var(--color-gray-700);box-shadow:var(--shadow-sm)}.ob-platform:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary)}.ob-concierge-card{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) var(--space-4) 0;padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;position:relative;overflow:hidden}.ob-concierge-card:before{content:"";position:absolute;top:-40%;right:-10%;width:140px;height:140px;border-radius:var(--radius-full);background:#ffffff1a}.ob-concierge-avatar{width:52px;height:52px;border-radius:var(--radius-full);overflow:hidden;border:2px solid oklch(1 0 0 / .5);flex-shrink:0;background:linear-gradient(135deg,var(--color-primary-soft),var(--color-primary))}.ob-concierge-avatar img{width:100%;height:100%;object-fit:cover}.ob-concierge-info{flex:1 1 0%;min-width:0;position:relative;z-index:1}.ob-concierge-info strong{display:block;font-size:var(--text-sm);font-weight:800;margin-bottom:2px}.ob-concierge-info p{font-size:var(--text-xs);opacity:.85}.ob-concierge-card .btn{position:relative;z-index:1;background:#fff;color:var(--color-primary-dark);box-shadow:none}.ob-footnote{text-align:center;font-size:11px;color:var(--color-gray-400);margin:var(--space-5) var(--space-4) 0;padding-bottom:var(--space-5)}@media (prefers-reduced-motion: reduce){.ob-hero,.ob-media,.ob-creators{transition:none}}.page-qualifications{display:flex;flex-direction:column;background:var(--surface-page);--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-300: oklch(78% .014 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.qualifications-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.qualifications-header .back-btn{position:relative;top:auto;left:auto;background:transparent;box-shadow:none;color:var(--color-gray-700)}.qualifications-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.qualifications-header-spacer{width:40px;flex-shrink:0}.qualifications-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.qualifications-scroll::-webkit-scrollbar{display:none}.qualifications-intro{margin-bottom:var(--space-5);padding-top:var(--space-2)}.qualifications-intro h2{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-2);letter-spacing:-.01em}.qualifications-intro p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.6}.qualifications-list{display:flex;flex-direction:column;gap:var(--space-3)}.qualification-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.qualification-head{display:flex;align-items:center;justify-content:space-between}.qualification-head strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.qualification-status{padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:10px;font-weight:700}.qualification-status.is-private{background:var(--color-gray-100);color:var(--color-gray-500)}.qualification-media{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-gray-100);background:var(--color-gray-50)}.qualification-media img{width:100%;display:block;aspect-ratio:16 / 10;object-fit:cover}.qualification-watermark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(-30deg,transparent,transparent 40px,oklch(1 0 0 / .08) 40px,oklch(1 0 0 / .08) 80px)}.qualification-watermark:before{content:"TO生活 资质展示";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#6d605938;transform:rotate(-30deg);white-space:nowrap;text-shadow:0 0 4px oklch(1 0 0 / .5)}.qualification-private{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md);color:var(--color-gray-500);text-align:center}.qualification-private svg{color:var(--color-gray-400)}.qualification-private strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700)}.qualification-private p{font-size:var(--text-xs);color:var(--color-gray-500)}.qualification-tip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);color:var(--color-gray-600);font-size:var(--text-xs);font-weight:600;margin-top:var(--space-2)}.qualification-tip svg{flex-shrink:0;color:var(--color-primary)}@media (prefers-reduced-motion: reduce){.qualification-card{transition:none}}.page-help-center{display:flex;flex-direction:column;background:var(--surface-page);--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-300: oklch(78% .014 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.help-center-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.help-center-header .back-btn{position:relative;top:auto;left:auto;background:transparent;box-shadow:none;color:var(--color-gray-700)}.help-center-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.help-center-header-spacer{width:40px;flex-shrink:0}.help-center-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.help-center-scroll::-webkit-scrollbar{display:none}.help-center-search{margin-bottom:var(--space-5)}.help-search-field{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.help-search-field svg{color:var(--color-gray-400);flex-shrink:0}.help-search-field input{flex:1 1 0%;border:none;background:transparent;font-size:var(--text-sm);color:var(--color-gray-900);outline:none}.help-search-field input::placeholder{color:var(--color-gray-400)}.help-hot-tags{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-left:var(--space-2);font-size:var(--text-xs);color:var(--color-gray-500)}.help-hot-tags button{padding:2px 10px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);font-size:11px;font-weight:600;border:none;cursor:pointer}.help-hot-tags button:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.help-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.help-category{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.help-category:hover{border-color:var(--color-gray-200)}.help-category.is-active{border-color:var(--color-primary);background:var(--color-primary-light)}.help-category-icon{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.help-category.is-active .help-category-icon{background:var(--color-primary);color:#fff}.help-category>span:last-child{font-size:var(--text-xs);font-weight:700;color:var(--color-gray-700)}.help-faq{display:flex;flex-direction:column;gap:var(--space-3)}.help-faq-group{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.help-faq-group-title{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.help-faq-item{border-bottom:1px solid var(--color-gray-100)}.help-faq-item:last-child{border-bottom:none}.help-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:transparent;border:none;text-align:left;font-size:var(--text-sm);font-weight:600;color:var(--color-gray-900);cursor:pointer}.help-faq-question svg{flex-shrink:0;color:var(--color-gray-400);transition:transform var(--duration-fast) var(--ease-out-quart)}.help-faq-item.is-open .help-faq-question svg{transform:rotate(180deg);color:var(--color-primary)}.help-faq-answer{max-height:0;overflow:hidden;transition:max-height var(--duration-fast) var(--ease-out-quart)}.help-faq-item.is-open .help-faq-answer{max-height:200px}.help-faq-answer p{padding:0 var(--space-4) var(--space-4);font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.7}.help-faq-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-gray-500);font-size:var(--text-sm)}.help-center-footer{flex-shrink:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px}.help-service-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--space-3)}.help-service-info{flex:1 1 0%}.help-service-info strong{display:block;font-size:var(--text-sm);font-weight:800;margin-bottom:2px}.help-service-info span{font-size:11px;opacity:.85}.help-service-card .btn{background:#fff;color:var(--color-primary-dark);box-shadow:none;padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.help-service-line{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-600)}.help-service-line svg{color:var(--color-primary)}@media (prefers-reduced-motion: reduce){.help-category,.help-faq-answer,.help-faq-question svg{transition:none}}.page-agreement{display:flex;flex-direction:column;background:var(--surface-page)}.agreement-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.agreement-header .back-btn{position:relative;top:auto;left:auto;background:transparent;box-shadow:none;color:var(--color-gray-700)}.agreement-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.agreement-header-spacer{width:40px;flex-shrink:0}.agreement-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom))}.agreement-scroll::-webkit-scrollbar{display:none}.agreement-meta{font-size:11px;color:var(--color-gray-500);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-100)}.agreement-section{margin-bottom:var(--space-4)}.agreement-section h2{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-2)}.agreement-section p,.agreement-section li{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--space-2)}.agreement-section ol,.agreement-section ul{padding-left:var(--space-5);margin-bottom:var(--space-3)}.agreement-section li{margin-bottom:var(--space-1)}.agreement-section strong{color:var(--color-gray-900)}.agreement-footer{margin-top:var(--space-6);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);text-align:center;font-size:11px;color:var(--color-gray-500)}@media (prefers-reduced-motion: reduce){.agreement-scroll{scroll-behavior:auto}}.page-album-detail{display:flex;flex-direction:column;background:var(--surface-page);--surface-page: oklch(97% .008 55);--surface-card: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-300: oklch(78% .014 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-900: oklch(10% .008 55)}.album-detail-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100)}.album-detail-header .back-btn{position:relative;top:auto;left:auto;background:transparent;box-shadow:none;color:var(--color-gray-700)}.album-detail-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.album-detail-header-spacer{width:40px;flex-shrink:0}.album-detail-scroll{flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:var(--space-4) var(--space-4) var(--space-6)}.album-detail-scroll::-webkit-scrollbar{display:none}.album-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-gray-500)}.album-detail-empty-icon{width:72px;height:72px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.album-detail-empty strong{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1)}.album-detail-empty p{font-size:var(--text-sm);color:var(--color-gray-500)}.album-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.album-detail-cell{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100);border:1px solid var(--color-gray-100);cursor:pointer}.album-detail-cell img{width:100%;height:100%;object-fit:cover;display:block}.album-detail-video-badge{position:absolute;left:var(--space-1);bottom:var(--space-1);padding:2px 6px;border-radius:var(--radius-sm);background:#1d140db3;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;gap:3px}.album-detail-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:var(--radius-full);background:#1d140db3;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.album-detail-cta{flex-shrink:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px}.album-detail-cta .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}@media (prefers-reduced-motion: reduce){.album-detail-cell{transition:none}}.page-goods{display:flex;flex-direction:column;background:var(--surface-page);overflow:hidden}.goods-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100);position:sticky;top:0;z-index:10}.goods-header .back-btn{position:relative;top:auto;left:auto;width:40px;height:40px;background:transparent;box-shadow:none;color:var(--color-gray-700)}.goods-header h1{flex:1 1 0%;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);letter-spacing:-.01em}.goods-header-action{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:12px;font-weight:700;border:none;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.goods-header-action:hover{background:var(--color-primary-soft)}.goods-header-action:active{transform:scale(.94)}.goods-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding:var(--space-4);background:var(--surface-page)}.goods-stat{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-4) var(--space-2) var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.goods-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stat-accent, var(--color-gray-300))}.goods-stat span{font-size:11px;font-weight:700;color:var(--color-gray-500)}.goods-stat strong{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.goods-stat.is-on{--stat-accent: var(--color-success);border-color:#61b56559;background:linear-gradient(180deg,var(--surface-card) 0%,oklch(.97 .03 145) 100%)}.goods-stat.is-off{--stat-accent: var(--color-gray-400);border-color:var(--color-gray-200)}.goods-stat.is-cat{--stat-accent: var(--color-primary);border-color:#f98f3a59;background:linear-gradient(180deg,var(--surface-card) 0%,oklch(.97 .04 55) 100%)}.goods-stat:active{transform:scale(.98)}.goods-body{flex:1 1 0%;min-height:0;display:flex;overflow:hidden;background:var(--surface-card);border-top:1px solid var(--color-gray-100)}.goods-sidebar{width:92px;flex-shrink:0;background:var(--surface-page);border-right:1px solid var(--color-gray-100);overflow-y:auto;scrollbar-width:none}.goods-sidebar::-webkit-scrollbar{display:none}.goods-category-list{display:flex;flex-direction:column;padding:var(--space-3) var(--space-2) calc(var(--space-10) + env(safe-area-inset-bottom));gap:4px}.goods-category-item{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:var(--space-2) 10px;border-radius:var(--radius-md);background:transparent;border:none;font-size:12px;font-weight:600;line-height:1.35;color:var(--color-gray-600);text-align:center;transition:all var(--duration-fast) var(--ease-out-quart)}.goods-category-item:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:16px;border-radius:0 3px 3px 0;background:var(--color-primary);transition:transform var(--duration-fast) var(--ease-out-quart)}.goods-category-item.is-active{background:var(--surface-card);color:var(--color-primary-dark);font-weight:800;box-shadow:var(--shadow-sm)}.goods-category-item.is-active:before{transform:translateY(-50%) scaleY(1)}.goods-category-item.is-add{color:var(--color-primary);background:var(--color-primary-light);border:1px dashed var(--color-primary-soft);font-weight:700}.goods-category-item.is-add:active{background:var(--color-primary-soft)}.goods-category-item:not(.is-active):not(.is-add):active{background:var(--color-gray-100)}@media (hover: hover){.goods-category-item:not(.is-active):not(.is-add):hover{background:var(--color-gray-100)}}.goods-main{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-card)}.goods-scroll{flex:1 1 0%;overflow-y:auto;overflow-x:hidden;padding:var(--space-4) var(--space-3) calc(var(--space-10) + env(safe-area-inset-bottom));scrollbar-width:none}.goods-scroll::-webkit-scrollbar{display:none}.goods-product-list{display:flex;flex-direction:column;gap:var(--space-3)}.goods-product-card{display:flex;align-items:stretch;gap:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart);animation:card-enter var(--duration-slow) var(--ease-out-expo) both;animation-delay:calc(var(--i, 0) * 60ms)}.goods-product-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-200)}.goods-product-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.goods-product-thumb{flex-shrink:0;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100)}.goods-product-thumb img{width:100%;height:100%;object-fit:cover;display:block}.goods-product-info{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:4px;justify-content:center}.goods-product-title{display:flex;align-items:center;gap:var(--space-2)}.goods-product-title strong{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.goods-product-status{flex-shrink:0;padding:2px 7px;border-radius:var(--radius-full);font-size:10px;font-weight:800}.goods-product-status.is-on{color:#045e17;background:#dff6de}.goods-product-status.is-off{color:var(--color-gray-600);background:var(--color-gray-100)}.goods-product-meta{display:flex;align-items:center;gap:var(--space-2);font-size:11px;color:var(--color-gray-500);font-weight:600}.goods-product-category{padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:700}.goods-product-tags{display:flex;flex-wrap:wrap;gap:4px}.goods-product-tag{padding:2px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:700;white-space:nowrap}.goods-product-price{display:flex;align-items:baseline;gap:var(--space-2);margin-top:2px}.goods-product-price strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.goods-product-price del{font-size:11px;color:var(--color-gray-400);text-decoration:line-through;font-weight:600}.goods-product-actions{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);padding-left:var(--space-1)}.goods-product-edit,.goods-product-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:var(--surface-card);color:var(--color-gray-600);transition:all var(--duration-fast) var(--ease-out-quart)}.goods-product-edit:hover,.goods-product-toggle:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.goods-product-edit:active,.goods-product-toggle:active{transform:scale(.92);background:var(--color-gray-100)}.goods-product-toggle:hover{color:var(--color-primary);border-color:var(--color-primary-soft);background:var(--color-primary-light)}.goods-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-gray-400);gap:var(--space-2)}.goods-empty-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);margin-bottom:var(--space-2)}.goods-empty p{font-size:var(--text-base);font-weight:800;color:var(--color-gray-800);margin:0}.goods-empty span{font-size:13px;color:var(--color-gray-500);line-height:1.5}.goods-footer{flex-shrink:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px}.goods-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:var(--text-base);font-weight:800;border:none;box-shadow:0 4px 14px -3px #b95e0073;box-shadow:0 4px 14px -3px oklch(.58 .19 55 / .45);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.goods-create-btn:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary-dark))}.goods-create-btn:active{transform:scale(.98);box-shadow:0 2px 8px -2px #b95e0073;box-shadow:0 2px 8px -2px oklch(.58 .19 55 / .45)}.goods-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#03030373;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-quart);z-index:20}.goods-backdrop.is-open{opacity:1;pointer-events:auto}.goods-sheet{position:absolute;left:0;right:0;bottom:0;max-height:82%;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);z-index:21;display:flex;flex-direction:column}.goods-sheet.is-open{transform:translateY(0)}.goods-sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--color-gray-300);margin:10px auto 0}.goods-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-gray-100);flex-shrink:0}.goods-sheet-head strong{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);letter-spacing:-.01em}.goods-sheet-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);border:none;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.goods-sheet-close:hover{background:var(--color-gray-200)}.goods-sheet-close:active{transform:scale(.92);background:var(--color-gray-300)}.goods-form{flex:1 1 0%;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.goods-form-group{display:flex;flex-direction:column;gap:6px}.goods-form-group label{font-size:13px;font-weight:800;color:var(--color-gray-700)}.goods-form-group label em{font-weight:500;color:var(--color-gray-400);font-style:normal}.goods-form-group input,.goods-form-group select{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:var(--surface-card);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-900);outline:none;transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.goods-form-group input::placeholder,.goods-form-group select::placeholder{color:var(--color-gray-400);font-weight:500}.goods-form-group input:hover,.goods-form-group select:hover{border-color:var(--color-gray-300)}.goods-form-group input:focus,.goods-form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.goods-form-group input.is-error{border-color:var(--color-error);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.goods-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.goods-input-prefix,.goods-input-suffix{position:relative;display:flex;align-items:center}.goods-input-prefix span,.goods-input-suffix span{position:absolute;font-size:var(--text-sm);font-weight:700;color:var(--color-gray-500);pointer-events:none}.goods-input-prefix span{left:14px}.goods-input-prefix input{padding-left:28px}.goods-input-suffix span{right:14px}.goods-input-suffix input{padding-right:28px}.goods-tag-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.goods-tag-chip{padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--color-gray-200);background:var(--surface-card);color:var(--color-gray-600);font-size:12px;font-weight:700;transition:all var(--duration-fast) var(--ease-out-quart)}.goods-tag-chip.is-active{background:var(--tag-color);color:#fff;border-color:var(--tag-color);box-shadow:0 3px 10px -3px var(--tag-color)}.goods-tag-chip:active{transform:scale(.94)}@media (hover: hover){.goods-tag-chip:not(.is-active):hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}}.goods-status-picker{display:flex;gap:var(--space-3);padding:4px;border-radius:var(--radius-lg);background:var(--color-gray-100)}.goods-status-option{flex:1 1 0%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.goods-status-option input{display:none}.goods-status-option span{font-size:13px;font-weight:800;color:var(--color-gray-600)}.goods-status-option:has(input:checked){background:var(--surface-card);box-shadow:var(--shadow-sm)}.goods-status-option:has(input:checked) span{color:var(--color-primary-dark)}.goods-status-option:active{transform:scale(.96)}.goods-image-picker{display:flex;gap:var(--space-3);flex-wrap:wrap}.goods-image-add,.goods-image-preview{width:88px;height:88px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.goods-image-add{display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-gray-300);background:var(--color-gray-50);color:var(--color-gray-400);transition:all var(--duration-fast) var(--ease-out-quart)}.goods-image-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.goods-image-add:active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft);transform:scale(.96)}.goods-image-preview{position:relative;background:var(--color-gray-100);border:1px solid var(--color-gray-100)}.goods-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.goods-image-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:var(--radius-full);background:#0303038c;color:#fff;border:none;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.goods-image-remove:hover{background:#030303bf}.goods-image-remove:active{transform:scale(.9);background:#030303d9}.goods-form-submit{width:100%;margin-top:var(--space-2);padding:14px var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:var(--text-base);font-weight:800;border:none;box-shadow:0 4px 14px -3px #b95e0073;box-shadow:0 4px 14px -3px oklch(.58 .19 55 / .45);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.goods-form-submit:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary-dark))}.goods-form-submit:active{transform:scale(.98);box-shadow:0 2px 8px -2px #b95e0073;box-shadow:0 2px 8px -2px oklch(.58 .19 55 / .45)}.goods-category-body{flex:1 1 0%;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.goods-category-list-manage{display:flex;flex-direction:column;gap:var(--space-2)}.goods-category-manage-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out-quart)}.goods-category-manage-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-200)}.goods-category-manage-item:active{transform:scale(.98)}.goods-category-manage-item span{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.goods-category-manage-actions{display:flex;gap:var(--space-2)}.goods-category-manage-actions button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:var(--surface-card);color:var(--color-gray-600);transition:all var(--duration-fast) var(--ease-out-quart)}.goods-category-manage-actions button:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.goods-category-manage-actions button:active{transform:scale(.92);background:var(--color-gray-100)}.goods-category-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px var(--space-4);border-radius:var(--radius-lg);border:1px dashed var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:var(--text-sm);font-weight:800;transition:all var(--duration-fast) var(--ease-out-quart)}.goods-category-add-btn:hover{background:var(--color-primary-soft)}.goods-category-add-btn:active{background:var(--color-primary-soft);transform:scale(.98)}.goods-category-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-gray-400);font-size:13px}.goods-confirm-body{padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-6)}.goods-confirm-body p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;margin:0}.goods-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.goods-confirm-btn{padding:12px var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:800;border:none;transition:transform var(--duration-fast) var(--ease-out-quart),opacity var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.goods-confirm-btn:active{transform:scale(.96)}.goods-confirm-btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.goods-confirm-btn-secondary:hover{background:var(--color-gray-200)}.goods-confirm-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.goods-confirm-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary-dark))}.goods-form input[type=file]{display:none}.goods-form-group select:empty{color:var(--color-gray-400)}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.goods-product-card,.goods-category-item,.goods-sheet,.goods-backdrop,.goods-stat,.goods-create-btn,.goods-form-submit,.goods-confirm-btn,.goods-sheet-close,.goods-image-add,.goods-image-remove,.goods-category-add-btn,.goods-category-manage-item,.goods-category-manage-actions button,.goods-product-edit,.goods-product-toggle,.goods-tag-chip,.goods-status-option,.goods-form-group input,.goods-form-group select{transition:none;animation:none}.goods-sheet{transform:translateY(100%)}.goods-sheet.is-open{transform:translateY(0)}.goods-backdrop{opacity:0}.goods-backdrop.is-open{opacity:1}}@media (max-width: 360px){.goods-sidebar{width:84px}.goods-product-thumb{width:64px;height:64px}.goods-product-edit,.goods-product-toggle{width:36px;height:36px}}@media (min-width: 430px){.goods-sidebar{width:100px}.goods-category-item{font-size:13px}}