:root{--background: oklch(.9816 .0017 247.8577);--foreground: oklch(.1469 .0041 264.4739);--card: rgba(255, 255, 255, .72);--card-foreground: oklch(.1469 .0041 264.4739);--primary: oklch(.6161 .1198 256.7878);--primary-foreground: oklch(1 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.556 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.9791 .0069 247.8959);--accent-foreground: oklch(.1469 .0041 264.4739);--destructive: oklch(.6368 .2078 25.3313);--destructive-foreground: oklch(1 0 0);--border: oklch(.9288 .002 264.5313);--input: oklch(.9288 .002 264.5313);--ring: oklch(.6161 .1198 256.7878);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--radius: .75rem;--shadow: 0px 12px 20px 0px hsl(0 0% 0% / .02), 0px 1px 2px -1px hsl(0 0% 0% / .02);--shadow-lg: 0px 12px 20px 0px hsl(0 0% 0% / .02), 0px 4px 6px -1px hsl(0 0% 0% / .02);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;max-width:100%;height:100%}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{max-width:100%;min-height:100dvh;font-family:var(--font-sans);background-color:var(--background);background:radial-gradient(1200px 600px at 0% 0%,rgba(97,111,244,.18),transparent 55%),radial-gradient(1000px 500px at 100% 100%,rgba(20,184,166,.15),transparent 55%),radial-gradient(800px 400px at 80% 10%,rgba(245,158,11,.1),transparent 50%),linear-gradient(160deg,#eef1fb,#e9f3f1);background-attachment:fixed;color:var(--foreground);line-height:1.6;-webkit-tap-highlight-color:transparent}.container{max-width:1200px;margin:0 auto;padding:0 1rem}button{font-family:inherit;border:none;cursor:pointer;transition:all .2s ease}input,select,textarea{font-family:inherit;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;font-size:1rem;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #616ff41a}.card{background-color:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 16px 24px #0000000a,0 6px 8px -1px #0000000a;transition:all .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:500;font-size:1rem;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:#4a77b6;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn:disabled,.btn[disabled]{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow)}.form-group{margin-bottom:.75rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;font-size:.85rem;color:#ffffffe6}.form-group input{width:100%}.error-message{color:var(--destructive);font-size:.875rem;margin-top:.5rem}.success-message{color:#10b981;font-size:.875rem;margin-top:.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-muted{color:var(--muted-foreground)}.text-red-500{color:#ef4444}.border-red-500{border-color:#ef4444}.link{color:var(--primary);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.w-full{width:100%}.space-x-2>*+*{margin-left:.5rem}.btn-disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}.header-section h1{margin:0;color:var(--foreground);font-size:2rem;line-height:1.15}.home-hero{padding:1.35rem;border:1px solid rgba(255,255,255,.6);background:#ffffffad;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.home-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.home-hero__eyebrow{display:inline-block;margin-bottom:.35rem;color:var(--muted-foreground);font-size:.78rem;font-weight:700}.home-hero__title{margin:0;color:var(--foreground);font-size:1.9rem;line-height:1.12}.home-hero__role{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:.45rem .8rem;border-radius:999px;font-size:.78rem;font-weight:700}.home-hero__role--buyer{background:#616ff41f;color:#4354c9}.home-hero__role--supplier{background:#14b8a61f;color:#0f766e}.home-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1rem}.home-hero__stat{min-width:0;padding:.9rem 1rem;border:1px solid rgba(148,163,184,.14);border-radius:.9rem;background:#ffffffe0}.home-hero__stat strong{display:block;overflow:hidden;color:var(--foreground);font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.home-hero__stat span{display:block;margin-top:.18rem;color:var(--muted-foreground);font-size:.76rem}.home-status{margin-top:1rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:.9rem;background:#ffffffe6;font-size:.92rem}.home-status--success{color:#047857;border-color:#10b9812e;background:#f0fdf4}.home-status--error{color:#b91c1c;border-color:#ef44442e;background:#fff5f5}.home-feed-sentinel{padding:1rem 0 .25rem;color:var(--muted-foreground);font-size:.84rem;text-align:center}.home-status--loading{color:var(--muted-foreground)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.pagination span{color:var(--muted-foreground);font-size:.95rem}.auth-panel{position:relative;margin-top:0;width:100%;max-width:360px;min-height:381px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fafbfd,#f3f5f9);border:1px solid #e2e8f0;padding:3rem 1.5rem 1.5rem;border-radius:.875rem;box-shadow:0 8px 40px #0000001a,0 2px 8px #0000000f;color:#1e293b;-webkit-backdrop-filter:none;backdrop-filter:none}.auth-brand{text-align:center;margin-bottom:.875rem}.auth-brand__title{margin:0 0 .25rem;font-size:1.2rem;font-weight:700;color:#1e293b;letter-spacing:.02em}.auth-brand__sub{margin:0;font-size:.7rem;color:#64748b;letter-spacing:.04em;text-transform:uppercase}.auth-mode-tabs{position:relative;display:flex;margin-bottom:1rem;background:#f1f5f9;border-radius:.625rem;padding:3px}.auth-mode-tab{flex:1;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .35rem;border:none;border-radius:.5rem;background:transparent;color:#64748b;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .25s ease}.auth-mode-tab svg{transition:all .25s ease}.auth-mode-tab span{white-space:nowrap}.auth-mode-tab:hover{color:#475569}.auth-mode-tab.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #0f172a14}.auth-mode-tab.active svg{color:var(--primary);transform:scale(1.1)}.auth-mode-indicator{display:none}.auth-mode-tabs:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f1f5f9;border-radius:.75rem}.auth-page{max-width:none;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#618598;background-image:url(/login-bg.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;overflow-x:hidden;overflow-y:auto}.auth-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;pointer-events:none;-webkit-video-playable-inline:true;-webkit-transform:translateZ(0);transform:translateZ(0)}.auth-mobile-bg{display:none}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none;z-index:1}.auth-header{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;padding:1.5rem 2rem;pointer-events:none}.auth-header>*{pointer-events:auto}.auth-top-brand{position:absolute;top:1.5rem;left:2rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.45rem .7rem;border-radius:.75rem;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);transition:all .25s ease}.auth-top-brand:hover{background:#fff3;border-color:#fff6;transform:scale(1.03)}.auth-top-brand__icon{color:#60a5fa;width:28px;height:28px;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(96,165,250,.5));animation:authGlobeSpin 20s linear infinite}.auth-top-brand__name{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.1em;text-shadow:0 2px 8px rgba(0,0,0,.4)}@keyframes authGlobeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-slogan{position:absolute;top:3%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:4}.auth-slogan__main{display:block;font-size:2.5rem;font-weight:900;color:#fff;letter-spacing:.2em;text-shadow:0 0 8px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.25),0 2px 4px rgba(0,0,0,.45),0 4px 16px rgba(0,0,0,.35);animation:authSloganFadeIn 1.2s ease-out,authSloganGlow 4s ease-in-out infinite 1.2s}.auth-slogan__sub{display:block;margin-top:.4rem;font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 6px rgba(255,255,255,.45),0 0 16px rgba(255,255,255,.2),0 1px 3px rgba(0,0,0,.4),0 3px 12px rgba(0,0,0,.3);animation:authSubFadeIn 1.5s ease-out}@keyframes authSloganFadeIn{0%{opacity:0;transform:translate(-50%,-20px);filter:blur(10px)}to{opacity:1;transform:translate(-50%);filter:blur(0)}}@keyframes authSubFadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes authSloganGlow{0%,to{text-shadow:0 0 8px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.25),0 2px 4px rgba(0,0,0,.45),0 4px 16px rgba(0,0,0,.35)}50%{text-shadow:0 0 14px rgba(255,255,255,.7),0 0 36px rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.45),0 4px 20px rgba(0,0,0,.4)}}.auth-feature-nav{position:absolute;top:auto;bottom:12%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.9rem;z-index:3;align-items:center}.auth-feature-nav .auth-feature-btn:nth-child(1),.auth-feature-nav .auth-feature-btn:nth-child(2),.auth-feature-nav .auth-feature-btn:nth-child(3),.auth-feature-nav .auth-feature-btn:nth-child(4),.auth-feature-nav .auth-feature-btn:nth-child(5){min-width:19rem}.auth-feature-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff38,#ffffff14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.35);border-radius:.9rem;color:#f8fafc;font-size:1.25rem;font-weight:600;letter-spacing:.04em;padding:1.15rem 2.8rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;white-space:nowrap;min-width:13rem;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a,inset 0 1px #ffffff40;text-shadow:0 1px 3px rgba(0,0,0,.2)}.auth-feature-btn:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.18),transparent);transform:skew(-20deg);animation:authEtherSheen 5s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes authEtherSheen{0%{left:-60%}60%,to{left:135%}}.auth-feature-btn:hover{background:linear-gradient(135deg,#ffffff61,#ffffff2e);border-color:#fffc;transform:translateY(-2px) scale(1.04);box-shadow:0 12px 40px #00000040,0 0 26px #ffffff73,inset 0 1px #ffffff73}.auth-feature-btn:hover:before{animation-duration:1.6s}.auth-feature-btn:active{transform:translateY(0) scale(.95);box-shadow:0 4px 16px #0003,inset 0 2px 6px #0000001f}.auth-feature-btn:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.auth-feature-btn--primary{background:linear-gradient(135deg,#3b82f6d9,#2563ebbf);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1.5px solid rgba(255,255,255,.65);color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:.08em;padding:1.15rem 2.8rem;box-shadow:0 2px 10px #2563eb40,inset 0 1px #ffffff4d;animation:authPrimaryBtnGlow 4s ease-in-out infinite}.auth-feature-btn--primary:hover{background:linear-gradient(135deg,#3b82f6f2,#2563ebe0);border-color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 10px 28px #2563eb73,0 0 22px #60a5fa80,inset 0 1px #fff6}@keyframes authPrimaryBtnGlow{0%,to{box-shadow:0 2px 10px #2563eb33}50%{box-shadow:0 4px 16px #2563eb52}}@keyframes authEtherFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:loginModalFadeIn .2s ease-out}.login-modal-container{position:relative;background:#fff;border-radius:1rem;padding:2rem 1.75rem 1.5rem;max-width:400px;width:100%;box-shadow:0 20px 60px #00000040;animation:loginModalSlideUp .25s ease-out}.login-modal-close{position:absolute;top:.75rem;right:.75rem;background:#0000000d;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease}.login-modal-close:hover{background:#0000001a;color:#333}.login-modal-title{font-size:1.35rem;font-weight:600;color:#1a1a2e;margin:0 0 1.5rem;text-align:center}.login-modal-form{display:flex;flex-direction:column;gap:.85rem}.login-modal-tabs{display:flex;background:#f3f4f6;border-radius:.6rem;padding:.25rem;margin-bottom:.25rem}.login-modal-tab{flex:1;background:transparent;border:none;border-radius:.45rem;padding:.5rem .75rem;font-size:.88rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.login-modal-tab.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px #00000014}.login-modal-input{width:100%;padding:.7rem .9rem;border:1.5px solid #e5e7eb;border-radius:.6rem;font-size:.9rem;color:#1a1a2e;background:#fafafa;outline:none;transition:all .2s ease;box-sizing:border-box}.login-modal-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.login-modal-input.error{border-color:#ef4444;background:#fef2f2}.login-modal-input::placeholder{color:#9ca3af}.login-modal-phone-row{display:flex;gap:.5rem;align-items:stretch}.login-modal-phone-row .login-modal-input{flex:1}.login-modal-role-row{display:flex;gap:.5rem}.login-modal-role-btn{flex:1;padding:.6rem .75rem;border:1.5px solid #e5e7eb;border-radius:.6rem;background:#fff;font-size:.88rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.login-modal-role-btn:hover{border-color:#2563eb;color:#2563eb}.login-modal-role-btn.active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.login-modal-role-btn.error{border-color:#ef4444;background:#fef2f2}.login-modal-account-display{padding:.5rem .75rem;background:#f3f4f6;border-radius:.5rem;font-size:.82rem;color:#6b7280;margin-bottom:.25rem}.login-modal-error{padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;font-size:.82rem;color:#dc2626}.login-modal-submit{padding:.75rem 1rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:.6rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d}.login-modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #2563eb66}.login-modal-submit:active:not(:disabled){transform:translateY(0)}.login-modal-submit:disabled{opacity:.6;cursor:not-allowed}.login-modal-back{background:transparent;border:none;color:#6b7280;font-size:.85rem;cursor:pointer;padding:.25rem;transition:color .15s ease}.login-modal-back:hover:not(:disabled){color:#2563eb}.login-modal-back:disabled{opacity:.5;cursor:not-allowed}@keyframes loginModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loginModalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.login-modal-container{padding:1.5rem 1.25rem 1.25rem;border-radius:.85rem}.login-modal-title{font-size:1.15rem}}.auth-page__image,.auth-page__image img{display:none}.auth-page__panel{position:relative;z-index:5;width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;padding:0;background-color:transparent;margin-top:0;animation:authPanelSlideIn .35s cubic-bezier(.16,1,.3,1)}@keyframes authPanelSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-panel__close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.auth-panel__close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.visit-role-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.visit-role-card{position:relative;background:#fff;border-radius:1rem;padding:2rem 1.5rem;max-width:360px;width:100%;text-align:center;box-shadow:0 12px 40px #00000040;animation:authPanelSlideIn .3s cubic-bezier(.16,1,.3,1)}.visit-role-card__title{font-size:1.2rem;font-weight:700;color:#1a1a1a;margin:0 0 .25rem}.visit-role-card__desc{font-size:.85rem;color:#666;margin:0 0 1.25rem}.visit-role-options{display:flex;gap:.75rem}.visit-role-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.1rem .5rem;border:1.5px solid var(--border);border-radius:.75rem;background:#f8fafc;cursor:pointer;transition:all .2s ease}.visit-role-option:hover{border-color:var(--primary);background:#2563eb0f;transform:translateY(-2px)}.visit-role-option__icon{font-size:1.6rem;line-height:1}.visit-role-option__name{font-size:.95rem;font-weight:600;color:#1a1a1a}.visit-role-option__desc{font-size:.75rem;color:#888}.visit-role-card__close{position:absolute;top:.6rem;right:.6rem;width:28px;height:28px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.visit-role-card__close:hover{background:#e2e8f0;color:#1e293b}.auth-inline,.auth-role-grid{display:flex;gap:.5rem}.auth-mode-switch{margin-bottom:1rem}.auth-mode-switch .btn,.auth-role-grid .btn{flex:1;border-radius:.65rem;padding:.65rem 1rem;font-weight:600;font-size:.9rem;transition:all .25s ease}.auth-panel .form-group label{display:block;margin-bottom:.4rem;font-size:.9rem;font-weight:600;color:#1e293b}.auth-panel input[type=text],.auth-panel input[type=email],.auth-panel input[type=password],.auth-panel input[type=tel],.auth-panel select{width:100%;padding:.55rem .75rem;border:2px solid #94a3b8;border-radius:.5rem;background:#fff;font-size:.9rem;color:#1e293b;transition:all .2s ease;outline:none;box-sizing:border-box}.auth-panel input[type=text]:focus,.auth-panel input[type=email]:focus,.auth-panel input[type=password]:focus,.auth-panel input[type=tel]:focus,.auth-panel select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #3b82f61f}.auth-panel input::placeholder{color:#94a3b8;font-size:.85rem}.auth-panel button[type=submit]{padding:.65rem;border-radius:.5rem;font-size:.9rem;font-weight:600;letter-spacing:.02em;transition:all .25s ease}.auth-panel button[type=submit]:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;box-shadow:0 2px 10px #2563eb33}.auth-panel button[type=submit]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb4d}.login-method-switch{display:flex;justify-content:center;gap:.6rem}.login-method-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:.55rem;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.login-method-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.login-method-btn--active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff;box-shadow:0 2px 10px #2563eb40}.login-method-btn--active:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.login-method-hint{margin-top:.6rem;text-align:center;color:#64748b;font-size:.8rem}.auth-panel .error-message{padding:.6rem .85rem;border-radius:.55rem;background:#ef444414;color:#dc2626;font-size:.85rem;font-weight:500}.auth-panel .success-message{padding:.6rem .85rem;border-radius:.55rem;background:#10b98114;color:#059669;font-size:.85rem;font-weight:500}.auth-inline__fixed{width:150px;flex:0 0 150px}.auth-helper-text{margin-top:.85rem;color:#6c757d;font-size:.9rem}.auth-panel a,.auth-panel .auth-link{color:#3b82f6;text-decoration:none}.auth-panel a:hover,.auth-panel .auth-link:hover{color:#2563eb;text-decoration:underline}.auth-panel .btn-secondary{background:#f1f5f9;color:#1e293b;border:1px solid #cbd5e1}.auth-panel .btn-secondary:hover{background:#e2e8f0;color:#1e293b}.auth-panel .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none;color:#fff!important}.auth-panel .btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 2px 10px #2563eb33}@media (max-width: 768px){.auth-page{flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;background-color:#618598;overflow:hidden;min-height:100vh;min-height:100dvh}.auth-mobile-bg{display:block;position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;object-position:center center;transform:translate(-50%,-50%) scale(1.1);z-index:0}.auth-bg-video{display:none}.auth-header{top:0;padding:.75rem 1rem}.auth-slogan{display:none}.auth-slogan__main{font-size:2rem;font-weight:900;letter-spacing:.12em}.auth-slogan__sub{font-size:1.2rem;letter-spacing:.04em;margin-top:.4rem;font-weight:700}.auth-page:before{display:none}.auth-feature-nav{top:auto;bottom:7rem;left:50%;right:auto;transform:translate(-50%);flex-direction:column;gap:.8rem;z-index:3;align-items:stretch;width:100%;max-width:320px}.auth-feature-nav .auth-feature-btn:nth-child(n){min-width:0;width:100%}.auth-feature-btn{font-size:1.05rem;padding:.95rem 1rem;min-width:auto;letter-spacing:.04em;border-radius:.75rem}.auth-feature-btn--primary{font-size:1.1rem;padding:1rem;letter-spacing:.06em}.auth-page__image{display:none}.auth-page__panel{flex:0 0 auto;width:100%;max-width:360px;padding:0;background:transparent;margin-right:0;margin-top:-40px}.auth-panel{padding:4rem 2rem 2rem;min-height:460px;background:linear-gradient(180deg,#fafbfd,#f3f5f9);border:1px solid #e2e8f0}.auth-panel input[type=text],.auth-panel input[type=email],.auth-panel input[type=password],.auth-panel input[type=tel],.auth-panel select{padding:.9rem 1rem;font-size:1.1rem}.auth-panel .form-group label{font-size:1.1rem}.auth-mode-switch .btn,.auth-role-grid .btn{padding:.9rem 1.1rem;font-size:1.1rem}.auth-panel button[type=submit]{padding:1rem 1.1rem;font-size:1.15rem}}@media (max-height: 680px){.auth-page{min-height:680px}}.about-page{width:100%}.about-page__error{margin-bottom:1rem}.about-page__section{margin-bottom:2rem}.about-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.about-gallery__img{width:100%;height:180px;object-fit:cover;border-radius:.75rem;border:1px solid var(--border)}.about-page__section h2{margin:0 0 1rem;color:var(--foreground);font-size:1.2rem}.about-page__paragraph{margin:0 0 1rem;color:#475569;line-height:1.7}.about-page__paragraph--last{margin-bottom:0}.about-page__list{padding-left:1.25rem;color:#475569;line-height:1.7}.about-page__list li+li{margin-top:.5rem}.user-center-page{max-width:1120px}.user-center-hero{padding:1.3rem;border:1px solid rgba(255,255,255,.6);background:#ffffffad;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.user-center-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.user-center-hero__identity{display:flex;align-items:center;gap:.9rem;min-width:0}.user-center-hero__avatar{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:#616ff41f;color:var(--primary);font-size:1.2rem;font-weight:800;flex:0 0 auto}.user-center-hero__copy{min-width:0}.user-center-hero__eyebrow{display:inline-block;margin-bottom:.2rem;color:var(--muted-foreground);font-size:.76rem;font-weight:700}.user-center-hero__copy h1{margin:0;color:var(--foreground);font-size:1.6rem;line-height:1.12}.user-center-hero__copy p{margin:.32rem 0 0;color:var(--muted-foreground);font-size:.92rem;word-break:break-word}.user-center-hero__create{flex:0 0 auto}.user-center-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem}.user-center-summary__item{min-width:0;padding:.85rem .95rem;border:1px solid rgba(148,163,184,.14);border-radius:.95rem;background:#ffffffe0}.user-center-summary__item strong{display:block;overflow:hidden;color:var(--foreground);font-size:1rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.user-center-summary__item span{display:block;margin-top:.14rem;color:var(--muted-foreground);font-size:.76rem}.user-center-account-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.user-center-account-card__item{padding:.95rem 1rem;border:1px solid rgba(148,163,184,.14);border-radius:.9rem;background:#f8fafc}.user-center-account-card__item span{display:block;color:var(--muted-foreground);font-size:.76rem;font-weight:700}.user-center-account-card__item strong{display:block;margin-top:.18rem;color:var(--foreground);font-size:.96rem;font-weight:700;word-break:break-word}.user-center-tabs{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 1.25rem}.user-center-tab-pill{display:inline-flex;align-items:center;justify-content:center;padding:.6rem .95rem;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:#ffffffeb;color:#475569;font-size:.88rem;font-weight:700;white-space:nowrap}.user-center-tab-pill.is-active{border-color:#616ff43d;background:#616ff414;color:var(--primary)}.user-center-posts{display:grid;gap:1rem}.user-center-post-card{padding:1.1rem 1.15rem;border:1px solid rgba(148,163,184,.14)}.user-center-post-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.user-center-post-card__main{min-width:0;flex:1}.user-center-post-title{margin:0;color:var(--foreground);font-size:1.05rem;font-weight:700;line-height:1.4}.user-center-post-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.user-center-post-chip{display:inline-flex;align-items:center;justify-content:center;padding:.24rem .62rem;border-radius:999px;background:#0f172a0f;color:#334155;font-size:.74rem;font-weight:700}.user-center-post-card__date{color:var(--muted-foreground);font-size:.8rem}.user-center-post-card__detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.95rem}.user-center-post-card__detail{padding:.85rem .9rem;border:1px solid rgba(148,163,184,.14);border-radius:.85rem;background:#f8fafc}.user-center-post-card__detail span{display:block;color:var(--muted-foreground);font-size:.75rem;font-weight:700}.user-center-post-card__detail strong{display:block;margin-top:.18rem;color:var(--foreground);font-size:.92rem;font-weight:700;word-break:break-word}.user-center-post-reason{margin-top:.85rem;padding:.85rem .95rem;border:1px solid rgba(239,68,68,.16);border-radius:.85rem;background:#fff5f5;color:#b91c1c;font-size:.82rem;line-height:1.6}.user-center-actions{display:flex;gap:.65rem;flex-wrap:wrap}.user-center-post-card__actions{margin-top:1rem}.user-center-status{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .7rem;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap}.user-center-status--pending{background:#fef3c7;color:#b45309}.user-center-status--approved{background:#dcfce7;color:#15803d}.user-center-status--rejected{background:#fee2e2;color:#b91c1c}.user-center-empty{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:2rem 1rem;color:var(--muted-foreground);text-align:center}.user-center-empty strong{color:var(--foreground);font-size:1rem}.human-slider{flex:1;margin:0;height:40px}.human-slider__control{position:relative;height:40px}.human-slider__track{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid #d9e2ee;border-radius:.55rem;background:#f4f7fb}.human-slider__fill{position:absolute;left:0;top:0;bottom:0;width:var(--slider-progress);background:linear-gradient(90deg,#616ff429,#14b8a633);transition:width .18s ease}.human-slider.is-verified .human-slider__fill{background:#10b9812e}.human-slider__hint{position:absolute;left:2.5rem;right:2.5rem;top:50%;overflow:hidden;color:#64748b;font-size:.85rem;font-weight:500;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%);pointer-events:none}.human-slider.is-verified .human-slider__hint{color:#047857}.human-slider__thumb{position:absolute;top:0;z-index:2;width:44px;height:40px;display:grid;place-items:center;border:1px solid #cbd7e5;border-radius:.55rem .45rem .45rem .55rem;background:#fff;color:var(--primary);box-shadow:0 4px 10px #0f172a1a;transition:left .18s ease,border-color .18s ease,color .18s ease,background .18s ease;pointer-events:none}.human-slider.is-verified .human-slider__thumb{border-color:#10b98199;background:#ecfdf5;color:#059669}.human-slider__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:40px;padding:0;border:0;background:transparent;cursor:grab;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.human-slider__range:active{cursor:grabbing}.human-slider__range:disabled{cursor:not-allowed}.human-slider__range:focus{box-shadow:none}.human-slider__range::-webkit-slider-runnable-track{height:40px;background:transparent}.human-slider__range::-webkit-slider-thumb{width:44px;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.human-slider__range::-moz-range-track{height:40px;background:transparent}.human-slider__range::-moz-range-thumb{width:44px;height:40px;border:0;background:transparent}.human-slider__error{margin-top:.35rem;color:#ef4444;font-size:.78rem}.publish-main{background:#f6f8fb}.publish-page{width:100%;max-width:1180px;margin:0 auto}.publish-page--app{width:100%}.publish-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;margin-bottom:1rem}.publish-header__title{min-width:0}.publish-eyebrow{display:block;margin-bottom:.15rem;color:var(--muted-foreground);font-size:.82rem;font-weight:700}.publish-header h1{margin:0;color:var(--foreground);font-size:1.8rem;line-height:1.2}.publish-role-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:.45rem .7rem;border-radius:999px;font-size:.82rem;font-weight:700}.publish-role-badge--buyer{background:#616ff41a;color:#4354c9}.publish-role-badge--supplier{background:#14b8a61f;color:#0f766e}.publish-form{overflow:hidden;border:1px solid rgba(255,255,255,.6);border-radius:.75rem;background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow)}.publish-loading{padding:.9rem 1.5rem;border-bottom:1px solid var(--border);background:#f8fafc;color:var(--muted-foreground);font-size:.9rem}.publish-review-note{padding:1rem 1.5rem;border-bottom:1px solid rgba(185,28,28,.12);background:#fff7f7}.publish-review-note strong{display:block;color:#b91c1c;font-size:.95rem}.publish-review-note p{margin:.35rem 0 0;color:#7f1d1d;line-height:1.65}.publish-section{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.publish-section--last{border-bottom:0}.publish-section__header{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:var(--foreground)}.publish-section__header svg{color:var(--primary)}.publish-section__header h2{margin:0;font-size:1rem;line-height:1.2}.publish-section__header--split{justify-content:space-between}.publish-section__header--split>div{display:inline-flex;align-items:center;gap:.55rem}.publish-grid{display:grid;gap:1.25rem}.publish-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 640px){.publish-grid--2,.publish-grid--3{grid-template-columns:1fr}}.publish-field{min-width:0;width:100%}.publish-field--wide{grid-column:1 / -1}.publish-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.publish-grid--price-stock{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}.publish-form-stack{display:flex;flex-direction:column;gap:1.25rem}.publish-form-group{display:flex;flex-direction:column;gap:.75rem}.publish-form-group--muted{padding:1rem;border-radius:.65rem;background:#f8fafc;border:1px solid #e8edf3}.publish-form-group__label{margin:0;font-size:.82rem;font-weight:600;color:#64748b;letter-spacing:.02em}.publish-field-hint{margin:.25rem 0 0;font-size:.78rem;color:#94a3b8;line-height:1.5}.publish-field textarea.publish-field__textarea--sm{min-height:96px}.publish-field textarea.publish-field__textarea--md{min-height:120px}.publish-field label{display:block;margin-bottom:.45rem;color:#334155;font-size:.9rem;font-weight:700}.publish-field__mark{margin-left:.25rem;font-weight:500}.publish-field__mark--required{color:#ef4444}.publish-field__mark--optional{color:#909399;font-size:.82rem}.publish-field input,.publish-field select,.publish-field textarea{width:100%;border-radius:.55rem;background:#fff;transition:border-color .15s,box-shadow .15s}.publish-field input:hover,.publish-field select:hover,.publish-field textarea:hover{border-color:#93c5fd}.publish-field input:focus,.publish-field select:focus,.publish-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.publish-field textarea{resize:vertical;min-height:120px}.form-cell--wide{grid-column:1 / -1}.detail-info-sheet .detail-info-item__value input,.detail-info-sheet .detail-info-item__value select,.detail-info-sheet .detail-info-item__value textarea{width:100%;box-sizing:border-box}.card.settings-card:has(.detail-info-sheet){padding:0;position:relative;z-index:100}.card.settings-card:not(:has(.detail-info-sheet)),.card.settings-card:has(.detail-info-sheet):has([class*=publish-field__textarea]){position:relative;z-index:0}.publish-field-label{display:inline-block;font-size:.95rem;font-weight:700;color:var(--foreground)}.publish-field-label__required{color:#ef4444;margin-right:.2rem}.publish-field-label__optional{color:#94a3b8;font-weight:400;margin-right:.2rem}.publish-section-title{padding:.85rem 1.25rem;font-size:1rem;font-weight:700;color:var(--foreground);border-bottom:1px solid var(--border);background:#fafbfc}.card.settings-card .detail-info-sheet .detail-info-item{align-items:stretch}.card.settings-card .detail-info-sheet .detail-info-item__value{display:flex;align-items:flex-start}.card.settings-card .detail-info-sheet .detail-info-item__value input,.card.settings-card .detail-info-sheet .detail-info-item__value select,.card.settings-card .detail-info-sheet .detail-info-item__value textarea{height:45px;min-height:45px}.card.settings-card .detail-info-sheet .detail-info-item__value button{height:45px;min-height:45px;box-sizing:border-box}.card.settings-card .detail-info-sheet .detail-info-item__value textarea.publish-field__textarea--sm,.card.settings-card .detail-info-sheet .detail-info-item__value textarea.publish-field__textarea--md{height:72px;min-height:72px;resize:none}.card.settings-card .detail-info-sheet .detail-info-item__value .publish-upload-box{min-height:72px;flex-direction:row;justify-content:flex-start;padding:.4rem .75rem;gap:.4rem}.card.settings-card .detail-info-sheet .detail-info-item__value .publish-upload-box small{display:none}.publish-readonly-field{width:100%;padding:.6rem .75rem;border-radius:.55rem;background:#f5f7fa;border:1px solid #e4e7ed;color:#303133;font-size:.9rem;min-height:2.5rem;display:flex;align-items:center;word-break:break-all}.publish-field-error{margin-top:.35rem;color:#ef4444;font-size:.82rem}.publish-price-unit{display:flex;align-items:stretch;gap:.5rem}.publish-price-unit__amount,.publish-price-unit__unit{height:2.5rem;padding:.6rem .75rem;border:1px solid #d9e2ee;font-size:.9rem;line-height:1.2;box-sizing:border-box}.contract-type-radio{display:flex;gap:.5rem}.contract-type-option{display:flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border:1px solid #d9e2ee;border-radius:.5rem;cursor:pointer;font-size:.88rem;color:#606266;background:#fff;transition:all .2s}.contract-type-option input[type=radio]{margin:0;accent-color:#165DFF}.contract-type-option.active{border-color:#165dff;color:#165dff;background:#e8f0fe}.contract-type-option:hover{border-color:#165dff}.publish-price-unit__amount{flex:1;min-width:0;width:auto}.publish-price-unit__unit{flex:0 0 5.5rem;width:5.5rem;min-width:5.5rem;padding-right:1.75rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff 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='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right .55rem center}.publish-price-unit--error .publish-price-unit__amount,.publish-price-unit--error .publish-price-unit__unit{border-color:#ef4444}.publish-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.publish-upload-grid:not(.publish-upload-grid--with-qualification) .publish-upload-box{grid-column:1 / -1}.publish-upload-box{position:relative;display:flex;min-height:104px;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem;border:1px dashed #cbd7e5;border-radius:.65rem;background:#f8fafc;color:#475569;cursor:pointer;transition:all .18s ease}.publish-upload-box:hover{border-color:#616ff48c;background:#f8fbff;color:var(--primary)}.publish-upload-box input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer;pointer-events:none}.publish-upload-box span{max-width:100%;overflow:hidden;font-size:.95rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.publish-upload-box small{max-width:100%;overflow:hidden;color:var(--muted-foreground);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.publish-upload-box--license{min-height:84px;align-items:flex-start}.publish-file-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.publish-file-item{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;padding:.35rem .45rem .35rem .65rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:#475569;font-size:.82rem}.publish-file-item span{overflow:hidden;max-width:220px;text-overflow:ellipsis;white-space:nowrap}.publish-file-item button,.publish-inline-remove{display:inline-flex;align-items:center;justify-content:center;color:#64748b;background:transparent}.publish-file-item button{width:22px;height:22px;border-radius:50%}.publish-file-item button:hover,.publish-inline-remove:hover{color:#ef4444;background:#fef2f2}.publish-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.75rem;margin-top:.9rem}.publish-selected-media{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.9rem}.publish-selected-media__section{min-width:0}.publish-selected-media__section--qualifications{grid-column:2}.publish-selected-media__label{font-size:.85rem;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:.25rem}.publish-selected-media__section .publish-media-grid{margin-top:.35rem}@media (max-width: 640px){.publish-selected-media{grid-template-columns:1fr}.publish-selected-media__section--qualifications{grid-column:auto}}.publish-media-card{overflow:hidden;border:1px solid var(--border);border-radius:.65rem;background:#fff}.publish-media-card.is-main{border-color:#616ff4b8;box-shadow:0 0 0 3px #616ff41a}.publish-media-card__image{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#f1f5f9}.publish-media-card__image img{width:100%;height:100%;object-fit:cover;display:block}.publish-media-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.45rem}.publish-main-choice{flex:1;min-width:0;padding:.35rem .45rem;border-radius:.45rem;background:#f8fafc;color:#475569;font-size:.78rem;font-weight:700}.publish-media-card.is-main .publish-main-choice{background:#616ff41f;color:#4354c9}.publish-media-remove{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border-radius:.45rem;background:transparent;color:#64748b}.publish-media-remove:hover{background:#fef2f2;color:#ef4444}.publish-media-zoom{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:#f1f5f9;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.publish-media-zoom:hover{background:#e0e7ff;color:var(--primary)}.publish-video-preview{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:.9rem;align-items:center;margin-top:.9rem;padding:.75rem;border:1px solid var(--border);border-radius:.65rem;background:#fff}.publish-video-preview video{width:100%;aspect-ratio:16 / 9;border-radius:.5rem;background:#0f172a;object-fit:cover}.publish-video-preview strong{display:block;overflow:hidden;color:var(--foreground);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.publish-inline-remove{gap:.3rem;margin-top:.5rem;padding:.3rem .45rem;border-radius:.45rem;font-size:.82rem}.publish-submit-error{margin:0 1.5rem 1rem}.publish-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--border);background:#fbfcfe}.publish-actions .btn{gap:.45rem}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.detail-back-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid #e2e8f0;border-radius:9999px;background:#fff;color:#1e293b;cursor:pointer;transition:background .15s}.detail-back-btn:hover{background:#f1f5f9}.detail-modal-header{position:static!important}@media (max-width: 900px){.detail-modal-overlay .detail-page-card{padding-top:0!important}.detail-modal-overlay .detail-page-card .detail-heading{margin-top:.75rem}}.detail-page-card{background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6)}.detail-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.75rem}.detail-badge{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;line-height:1}.detail-badge--supply{background:#14b8a61f;color:#0f766e}.detail-badge--demand{background:#f59e0b24;color:#b45309}.detail-badge--neutral{background:#f8fafc;color:#475569;border:1px solid var(--border)}.detail-title{margin:0;color:var(--foreground);font-size:2rem;line-height:1.15}.detail-published{flex:0 0 auto;margin:0;color:var(--muted-foreground);font-size:.9rem;white-space:nowrap}.detail-hero-carousel{position:relative;height:420px;overflow:hidden;margin-bottom:2rem;border-radius:.75rem;background:#f1f5f9}.detail-hero-carousel img{display:block;width:100%;height:100%;object-fit:cover}.detail-hero-clickable{display:block;width:100%;height:100%;cursor:pointer}.detail-hero-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted-foreground)}.detail-carousel-btn{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#fff;background:#0f172aad;transform:translateY(-50%);transition:background .2s ease,transform .2s ease}.detail-carousel-btn:hover{background:#0f172adb;transform:translateY(-50%) scale(1.04)}.detail-carousel-btn--prev{left:1rem}.detail-carousel-btn--next{right:1rem}.detail-carousel-count{position:absolute;right:1rem;bottom:1rem;padding:.3rem .6rem;border-radius:999px;color:#fff;background:#0f172aad;font-size:.82rem;font-weight:700}.detail-carousel-dots{position:absolute;left:50%;bottom:1.05rem;display:flex;gap:.45rem;transform:translate(-50%)}.detail-carousel-dots button{width:9px;height:9px;border-radius:50%;background:#ffffff94}.detail-carousel-dots button.is-active{width:22px;border-radius:999px;background:#fff}.detail-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.detail-section--first{margin-top:0;padding-top:0;border-top:0}.detail-section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.detail-section__header h2{margin:0;color:var(--foreground);font-size:1.15rem}.detail-description-content{border:1px solid rgba(148,163,184,.18);border-radius:.85rem;background:#fff;padding:1.25rem 1.5rem;line-height:1.8;font-size:.95rem;color:var(--foreground);white-space:pre-wrap;word-break:break-word}.detail-description-content p{margin:0}.detail-description-content p+p{margin-top:.5em}.detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-info-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgba(255,255,255,.6);border-radius:.85rem;background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}.detail-info-item{display:flex;align-items:flex-start;gap:.35rem;min-width:0;padding:.9rem 1rem;border-bottom:1px solid rgba(148,163,184,.14)}.detail-info-item:nth-child(odd){border-right:1px solid rgba(148,163,184,.14)}.detail-info-item:nth-last-child(-n+2){border-bottom:none}.detail-info-item__label{flex:0 0 auto;margin-bottom:0;font-size:.84rem;font-weight:600;color:#334155;line-height:1.5;white-space:nowrap}.detail-info-item__label--required:before{content:"*";color:#ef4444;margin-right:.2rem}.detail-info-item__label:after{content:"：";font-weight:600}.detail-info-item__value{flex:1;min-width:0;font-size:.95rem;font-weight:400;line-height:1.5;color:#0f172a;white-space:pre-wrap;word-break:break-word}.detail-info-item__value a{color:#0f766e;text-decoration:none}.detail-info-item__value a:hover{text-decoration:underline}.detail-info-link-btn{padding:0;border:none;background:transparent;color:#0f766e;font:inherit;cursor:pointer}.detail-info-link-btn:hover{text-decoration:underline}.qualification-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1250;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a8c}.qualification-viewer{display:flex;flex-direction:column;width:min(920px,100%);max-height:min(88vh,900px);border-radius:.85rem;background:#fff;box-shadow:0 24px 48px #0f172a38;overflow:hidden}.qualification-viewer__header{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:#fff}.qualification-viewer__back{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .55rem;border:none;border-radius:.45rem;background:transparent;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer}.qualification-viewer__back:hover{background:#4f6ef714}.qualification-viewer__title{color:#334155;font-size:.95rem;font-weight:600}.qualification-viewer__body{flex:1;min-height:0;padding:1rem;background:#f8fafc;overflow:auto}.qualification-viewer__image{display:block;width:100%;max-height:calc(88vh - 88px);margin:0 auto;object-fit:contain;border-radius:.55rem;background:#fff}.qualification-viewer__frame{width:100%;min-height:min(70vh,720px);border:none;border-radius:.55rem;background:#fff}.qualification-viewer__body--multi{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.9rem;align-items:start}@media (max-width: 640px){.qualification-viewer__body--multi{grid-template-columns:1fr}}.detail-info-card{min-width:0;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:.75rem;background:#f8fafc}.detail-info-card h3{margin:0 0 .45rem;color:#334155;font-size:.92rem;font-weight:700}.detail-info-card p{margin:0;color:var(--foreground);line-height:1.7;word-break:break-word}.detail-info-card--contact-sent{grid-column:1 / -1;text-align:center;background:#f0fdf4;border-color:#bbf7d0;padding:1.5rem 1.25rem}.detail-info-card--contact-sent h3{color:#16a34a;font-size:1.05rem}.detail-info-card--contact-sent p{color:#166534}.detail-info-card__countdown{margin-top:.75rem!important;color:#6b7280!important;font-size:.82rem!important}.detail-description{white-space:pre-wrap}.detail-contact-gate{margin-top:1.25rem;padding:1.25rem;border:1px solid var(--border);border-radius:.75rem;background:linear-gradient(180deg,#fff,#f8fafc)}.detail-contact-gate--modal{margin-top:0;padding:0;border:none;border-radius:0;background:transparent}.detail-contact-lock{margin-top:1.25rem;padding:1.25rem;border:1px solid var(--border);border-radius:.75rem;background:linear-gradient(180deg,#fff,#f8fafc);display:flex;align-items:center;justify-content:space-between;gap:1rem}.detail-contact-lock--centered{flex-direction:column;align-items:center;justify-content:center;text-align:center}.detail-contact-lock__hint{margin:.75rem 0 0;font-size:.82rem;color:#94a3b8;line-height:1.6;max-width:28rem}.detail-contact-lock__content{min-width:0}.detail-contact-lock__content h3{margin:0;color:var(--foreground);font-size:1.05rem}.detail-contact-lock__content p{margin:.45rem 0 0;color:var(--muted-foreground);line-height:1.7}.detail-contact-gate__header{margin-bottom:1rem}.detail-contact-gate__header h3{margin:0;color:var(--foreground);font-size:1.05rem}.detail-contact-gate__header p{margin:.45rem 0 0;color:var(--muted-foreground);line-height:1.7}.detail-contact-gate__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.detail-contact-gate__field{display:flex;flex-direction:column;gap:.5rem}.detail-contact-gate__field label{color:#334155;font-size:.92rem;font-weight:700}.detail-contact-gate__field input{width:100%;min-width:0}.detail-contact-gate__field--phone{grid-column:1 / -1}.detail-contact-gate__phone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.detail-contact-gate__error,.detail-contact-gate__success{margin-top:.9rem;font-size:.92rem}.detail-contact-gate__error{color:#dc2626}.detail-contact-gate__success{color:#047857}.detail-contact-gate__success--inline{margin-top:1rem}.detail-contact-gate__actions{margin-top:1rem;display:flex;justify-content:flex-end}.detail-contact-gate__actions--modal{gap:.75rem}.detail-contact-modal{width:min(680px,100%)}.detail-contact-modal--sent{width:min(400px,100%);text-align:center}.detail-contact-modal__sent-body{padding:2.25rem 1.5rem!important}.detail-contact-modal__sent-icon{width:56px;height:56px;border-radius:50%;background-color:#f0fdf4;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.detail-contact-modal__sent-title{margin:0 0 .5rem;font-size:1.125rem;color:#16a34a}.detail-contact-modal__sent-message{margin:0;color:#4b5563;font-size:.9rem;line-height:1.7}.detail-contact-modal__sent-hint{margin:.35rem 0 0;color:#9ca3af;font-size:.82rem;line-height:1.6}.detail-contact-modal__sent-countdown{margin:1rem 0 0;color:#9ca3af;font-size:.82rem}.detail-contact-modal .site-modal__body{padding-top:1.25rem}.detail-contact-modal__intro{margin-bottom:1rem}.detail-contact-modal__intro p{margin:0;color:var(--muted-foreground);line-height:1.7}.detail-media-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.detail-media-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.detail-media-header h2{margin:0;color:var(--foreground);font-size:1.1rem}.detail-media-header span{color:var(--muted-foreground);font-size:.85rem;font-weight:600}.detail-photo-section{margin-top:1.5rem}.detail-photo-grid{display:grid;grid-template-columns:1fr;gap:1.1rem}.detail-photo-card{position:relative;display:block;width:100%;overflow:hidden;border:1px solid var(--border);border-radius:.75rem;background:#fff;box-shadow:var(--shadow);text-align:left}.detail-photo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.detail-photo-card.is-active{border-color:#616ff4b8;box-shadow:0 0 0 3px #616ff41a}.detail-photo-card__image{position:relative;width:100%;min-height:360px;aspect-ratio:16 / 9;overflow:hidden;background:#f8fafc}.detail-photo-card__image img{display:block;width:100%;height:100%;object-fit:contain}.detail-video-section+.detail-photo-section{margin-top:2rem}.detail-video-list{display:grid;gap:1rem}.detail-video-card{width:100%;overflow:hidden;margin-top:1rem;border:1px solid var(--border);border-radius:.75rem;background:#0f172a;box-shadow:var(--shadow)}.detail-video-card video{display:block;width:100%;min-height:460px;background:#0f172a;aspect-ratio:16 / 9;object-fit:contain}.company-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.company-profile-heading h3{margin:0}.company-profile-note{margin:0 0 .75rem;color:var(--muted-foreground);font-size:.875rem}.company-modal-hint{margin:0 0 1rem;color:#475569;font-size:.9rem;line-height:1.6;padding:.65rem .85rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem}.company-profile-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.company-profile-summary__main{min-width:0;display:flex;align-items:center;gap:.75rem;color:var(--muted-foreground);font-size:.9rem}.company-profile-summary__main strong{color:var(--foreground);font-size:.95rem;white-space:nowrap}.company-profile-summary__main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-profile-action{flex:0 0 auto;padding:.45rem .85rem;font-size:.875rem}.company-info-alert{display:flex;align-items:flex-start;gap:.85rem;margin:.65rem 0 1rem;padding:.9rem 1.1rem;background:linear-gradient(135deg,#fff7ed,#fff1f2);border:1.5px solid #fca5a5;border-left:4px solid #ef4444;border-radius:.6rem;box-shadow:0 1px 3px #ef44441f}.company-info-alert__icon{font-size:1.35rem;line-height:1;flex-shrink:0;padding-top:.1rem}.company-info-alert__content{flex:1;min-width:0}.company-info-alert__content strong{display:block;font-size:.92rem;font-weight:700;color:#b91c1c;margin-bottom:.25rem}.company-info-alert__content p{margin:0;font-size:.85rem;color:#991b1b;line-height:1.5}.company-info-alert__action{flex-shrink:0;align-self:center;padding:.45rem .95rem;font-size:.85rem;font-weight:600;white-space:nowrap}@media (max-width: 640px){.company-info-alert{flex-direction:column;align-items:stretch}.company-info-alert__action{align-self:stretch;text-align:center}}.navbar{position:fixed;left:0;top:0;height:92px;width:100%;background:#fff9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.55);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px #0000000f;z-index:1000}.navbar-shell{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:1.5rem}.navbar-top{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.navbar-panel{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex:1;min-width:0}.navbar-search-row{display:flex;align-items:center;gap:1.2rem;flex:0 0 auto;min-width:0}.navbar-category-selector{position:relative}.category-selector-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem .7rem;border:none;border-radius:12px;background:transparent;color:var(--foreground);font-size:1rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.category-selector-btn:hover{background:var(--accent);transform:translateY(-1px)}.category-selector-btn svg{color:var(--muted-foreground)}.category-selector-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;border-radius:999px;background:#1f2937;color:#fff;font-size:.78rem;font-weight:700}.category-dropdown-menu{position:absolute;top:calc(100% + .4rem);left:0;min-width:180px;max-width:240px;padding:.35rem;border:1px solid var(--border);border-radius:.75rem;background:#fff;box-shadow:0 12px 24px #0f172a14;z-index:100;max-height:22rem;overflow-y:auto}.category-dropdown-menu::-webkit-scrollbar{width:4px}.category-dropdown-menu::-webkit-scrollbar-track{background:transparent}.category-dropdown-menu::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.category-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#00000040}.category-dropdown-loading{padding:.75rem;color:var(--muted-foreground);font-size:.875rem;text-align:center}.category-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.55rem .65rem;border-radius:.5rem;background:transparent;color:var(--foreground);font-size:1rem;text-align:left;transition:background .2s ease;border-bottom:1px solid rgba(148,163,184,.15)}.category-dropdown-item:last-child{border-bottom:none}.category-dropdown-item:hover{background:#616ff41f;color:var(--primary)}.category-dropdown-item.is-selected{background:#616ff42e;color:var(--primary);font-weight:600}.category-dropdown-check{color:var(--primary);font-weight:700}.navbar-toggle{display:none;align-items:center;justify-content:center;width:52px;height:52px;border:1.5px solid var(--border);border-radius:.75rem;background:#fff;color:var(--foreground)}.navbar-header{margin-bottom:0;display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:clamp(280px,35vw,520px)}.navbar-header h1{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0}.navbar-brand__logo{width:72px;height:72px;object-fit:contain;flex-shrink:0;border-radius:10px}.navbar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.2;flex-shrink:0;width:clamp(260px,33vw,500px);max-width:500px;overflow:hidden}.navbar-brand__name{font-size:1.8rem;font-weight:700;color:var(--primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-brand__tagline{font-size:.95rem;font-weight:400;color:var(--muted-foreground);letter-spacing:.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-brand__tagline--marquee{display:inline-block;overflow:hidden;text-overflow:clip;white-space:nowrap;animation:navbarTaglineMarquee 8s linear infinite}@keyframes navbarTaglineMarquee{0%{transform:translate(300px)}to{transform:translate(-100%)}}.navbar-header--rotator{position:relative;display:flex;align-items:center;height:5rem}@media (max-width: 900px){.navbar-header--rotator{height:4rem}}.navbar-rotator-slide{display:flex;align-items:center;gap:.75rem;position:absolute;left:0;top:0;width:100%;height:100%;min-width:0;max-width:100%;transform-origin:center;transition:transform .5s ease,opacity .5s ease;opacity:0;pointer-events:none}.navbar-rotator-slide.is-active{transform:translateY(0);opacity:1;pointer-events:auto}.navbar-rotator-slide.is-above{transform:translateY(100%);opacity:0}.navbar-rotator-slide.is-below{transform:translateY(-100%);opacity:0}.navbar-promo{display:inline-flex;align-items:center;gap:.75rem;min-width:0;max-width:100%;text-decoration:none;color:inherit}.navbar-promo__img{width:56px;height:56px;object-fit:cover;border-radius:10px;flex-shrink:0;box-shadow:0 2px 8px #0f172a1f}.navbar-promo__text{display:flex;flex-direction:column;justify-content:center;min-width:0}.navbar-promo__title{font-size:1.25rem;font-weight:700;color:var(--primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.navbar-promo__content{font-size:.9rem;color:var(--muted-foreground);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.navbar-search-mobile,.navbar-mobile-strip,.navbar-mobile-meta{display:none}.search-bar{position:relative;margin-bottom:0;width:100%}.search-bar--navbar{width:170px;flex-shrink:0}.search-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.55rem;background:#94a3b81a;color:var(--muted-foreground);transition:all .2s ease;flex-shrink:0}.search-icon-btn:hover{background:#94a3b833;color:var(--foreground)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a66;display:flex;align-items:flex-start;justify-content:center;padding-top:calc(80px + var(--safe-top));animation:fadeIn .2s ease}.search-popup{width:90%;max-width:480px;padding:1rem;border-radius:1rem;background:#fff;box-shadow:0 20px 40px #0f172a26;animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-bar input{width:100%;padding-left:3rem}.search-bar__button{position:absolute;left:.5rem;top:50%;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.55rem;background:transparent;color:var(--muted-foreground);transform:translateY(-50%)}.search-bar__button:hover{color:var(--primary);background:#eef2ff}.navbar-desktop-search{position:relative;flex-shrink:0;margin-right:.5rem}.navbar-desktop-search__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.55rem;background:#94a3b81a;color:var(--primary);cursor:pointer;transition:all .2s ease}.navbar-desktop-search__icon:hover{background:#4f6ef726;color:var(--primary);transform:scale(1.12)}.navbar-desktop-search__icon svg{stroke-width:3}.navbar-desktop-search__popup{position:absolute;top:calc(100% + 8px);left:0;z-index:100;display:flex;align-items:center;gap:.5rem;width:280px;padding:.5rem .75rem;border-radius:.75rem;background:#fff;box-shadow:0 12px 32px #0f172a26;animation:slideDown .2s ease}.navbar-desktop-search__input{width:100%;border:none;outline:none;background:transparent;font-size:.95rem;color:var(--foreground)}.navbar-desktop-search__input::placeholder{color:var(--muted-foreground)}.user-menu{display:flex;flex-direction:row;gap:.5rem;align-items:center}.nav-logout-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.3rem .4rem;border-radius:var(--radius);background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;transition:color .2s,background .2s;font-size:.65rem;line-height:1;margin-left:auto}.nav-logout-btn:hover{color:var(--destructive);background:#ef44440f}.nav-logout-btn svg{flex-shrink:0}.nav-login-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .7rem;min-height:42px;box-sizing:border-box;background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--foreground);transition:color .2s,background .2s;font-size:1rem;font-weight:500;line-height:1;white-space:nowrap;margin-left:auto}.nav-login-btn:hover{color:#2563eb;background:#2563eb0f}.nav-login-btn svg{flex-shrink:0}.nav-account{display:inline-flex;align-items:center;gap:.45rem;max-width:360px;padding:.25rem;border:1px solid var(--border);border-radius:.75rem;background:#f8fafc}.nav-account__profile{display:inline-flex;align-items:center;gap:.45rem;min-width:0;max-width:170px;padding:.35rem .55rem;border-radius:.55rem;background:transparent;color:var(--foreground)}.nav-account__profile:hover{background:#fff;box-shadow:var(--shadow)}.nav-account__profile svg{flex:0 0 auto;color:var(--primary)}.nav-account__profile span{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.15}.nav-account__profile strong,.nav-account__profile small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-account__profile strong{color:var(--foreground);font-size:.86rem;font-weight:700}.nav-account__profile small{color:var(--muted-foreground);font-size:.72rem}.nav-role-badge{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:88px;padding:.35rem .7rem;border-radius:.55rem;background:#fff;line-height:1.15}.nav-role-badge span{color:var(--muted-foreground);font-size:.68rem;white-space:nowrap}.nav-role-badge strong{margin-top:.08rem;font-size:.82rem;font-weight:700;white-space:nowrap}.nav-role-badge--buyer strong{color:#4354c9}.nav-role-badge--supplier strong{color:#0f766e}.navbar-role-badge{display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;padding:.2rem .5rem;border-radius:.45rem;background:#eff6ff;color:#3b82f6;font-size:.6rem;font-weight:600;white-space:nowrap;border:1px solid rgba(79,110,247,.15)}.navbar-role-badge__label{color:#475569;font-size:.55rem;font-weight:600}.navbar-role-badge__value{display:inline-flex;align-items:center;gap:.2rem;color:#3b82f6;font-weight:600}.navbar-message-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;white-space:nowrap;pointer-events:none}.nav-role-switch{display:inline-flex;flex:0 0 auto;gap:.2rem;padding:.2rem;border-radius:.55rem;background:#fff}.nav-role-switch button{min-width:58px;padding:.32rem .5rem;border-radius:.45rem;background:transparent;color:#64748b;font-size:.8rem;font-weight:700}.nav-role-switch button.active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 10px #616ff42e}.nav-role-switch button:disabled{cursor:not-allowed;opacity:.65}.menu-item{display:flex;align-items:center;gap:.35rem;padding:.5rem .7rem;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:500;white-space:nowrap;position:relative}.menu-item:hover{background-color:var(--accent);transform:translateY(-2px)}.menu-item.is-active{background-color:var(--accent);color:var(--primary);font-weight:600}.menu-item.is-active:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.2rem;height:3px;border-radius:2px;background:var(--primary)}.menu-item.menu-item--create svg{color:#ef4444}.menu-item.menu-item--home,.menu-item.menu-item--home.is-active{color:var(--foreground)}.menu-item--primary{color:#fff;background:linear-gradient(135deg,#5486cc,#717171);box-shadow:0 8px 16px #4f6ef733}.menu-item--primary:hover{color:#fff;background:linear-gradient(135deg,#7183ca,#7c89e8);box-shadow:0 10px 18px #4f6ef747;transform:translateY(-1px)}.menu-item--primary svg{color:#fff}.menu-item--primary__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff3;flex-shrink:0}.menu-item svg{color:var(--muted-foreground)}.menu-item-small{padding:.25rem .5rem;font-size:.75rem}.language-switch{display:flex;gap:.5rem;margin-top:0;margin-left:1rem}.navbar-lang-switch{display:flex;gap:.25rem;padding:.25rem .8rem;margin:.25rem 0}.navbar-lang-btn{flex:1;padding:.25rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted-foreground);font-size:.68rem;cursor:pointer;transition:all .2s ease}.navbar-lang-btn:hover{background-color:var(--accent);color:var(--primary)}.navbar-lang-btn.is-active{background-color:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.categories-sidebar{position:fixed;left:0;top:70px;height:calc(100vh - 70px);width:200px;background-color:var(--card);border-right:1px solid var(--border);padding:1.5rem;overflow-y:auto;z-index:999}.mobile-category-fab,.mobile-category-drawer-backdrop{display:none}.categories h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--foreground)}.category-item{margin-bottom:.5rem}.category-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.category-header:hover{background-color:var(--accent)}.categories--desktop{display:block}.subcategories{margin-left:1.5rem;margin-top:.5rem}.subcategory-item{padding:.5rem;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-size:.875rem;color:var(--muted-foreground)}.subcategory-item:hover{background-color:var(--accent);color:var(--foreground)}.language-switch button{flex:1;padding:.5rem;border-radius:var(--radius);background-color:var(--secondary);color:var(--secondary-foreground);font-size:.875rem;transition:all .2s ease}.language-switch button.active{background-color:var(--primary);color:var(--primary-foreground)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:0;width:100%;max-width:none}.card-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:var(--radius);margin-bottom:1rem}.card-image img{display:block;width:100%;height:100%;object-fit:cover;background-color:#eef2f7;transition:transform .3s ease}.card:hover .card-image img{transform:scale(1.05)}.card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-update-time{margin:0 0 .5rem;font-size:.78rem;color:var(--muted-foreground);line-height:1.4}.guaranteed-badge{display:inline-block;margin-left:8px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;vertical-align:middle;white-space:nowrap}.guaranteed-fold{position:absolute;top:0;right:0;width:90px;height:90px;overflow:hidden;z-index:2;pointer-events:none}.guaranteed-fold:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 90px 90px 0;border-color:transparent #ef4444 transparent transparent}.guaranteed-fold-text{position:absolute;top:5px;right:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;pointer-events:none;line-height:1.15;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.guaranteed-rate-label{font-size:11px;font-weight:600}.guaranteed-rate-value{font-size:17px;font-weight:800}.source-certified-fold{position:absolute;top:0;right:0;width:100px;height:100px;overflow:hidden;z-index:2;pointer-events:none}.source-certified-fold:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 100px 100px 0;border-color:transparent #ef4444 transparent transparent}.source-certified-fold-text{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;pointer-events:none;line-height:1.2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.source-certified-fold-label{font-size:13px;font-weight:700}.source-certified-fold-value{font-size:21px;font-weight:800}.guaranteed-locked-banner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:3;pointer-events:none;overflow:visible}.guaranteed-locked-mark{width:200px!important;height:auto!important;object-fit:contain;background:transparent!important;transform:rotate(-15deg);position:relative;z-index:3}.guaranteed-locked-glass{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2;pointer-events:none}.guaranteed-action-btn{display:block;width:100%;min-height:44px;margin-top:auto;background-color:#2b4a7f;color:#fff;border:none;border-radius:.9rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease}.guaranteed-action-btn:hover{background-color:#243f6d;transform:translateY(-1px)}.guaranteed-action-btn:active{transform:translateY(0)}.guaranteed-meta{margin:0 0 .4rem;display:inline-flex;align-items:center;justify-content:flex-start;gap:.4rem;font-size:.82rem;font-weight:700;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guaranteed-meta:before{content:"";width:9px;height:9px;border-radius:50%;flex-shrink:0}.guaranteed-meta--open,.guaranteed-meta--locked{color:#d97706}.guaranteed-meta--open:before,.guaranteed-meta--locked:before{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.card-description{font-size:.875rem;color:var(--muted-foreground);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.settings-section-title{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;font-size:1rem;font-weight:700;color:var(--foreground)}.settings-section-title svg{color:var(--primary)}.feed-card{overflow:hidden;background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);padding:6px 6px 3px;box-shadow:0 4px 14px #0f172a14,0 1px 3px #0f172a0d}.feed-card .card-image{height:250px;margin-bottom:0;border-radius:.5rem}.feed-card--stable{cursor:pointer}.feed-card--stable:hover .card-image img{transform:scale(1.03)}.feed-card .card-content{display:flex;flex-direction:column;height:140px;padding:.7rem 1.25rem .5rem}.feed-card .card-content>*{flex-shrink:0}.guaranteed-meta--placeholder{visibility:hidden}.feed-card__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem}.feed-card__type{display:inline-flex;align-items:center;justify-content:center;padding:.22rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}.feed-card__type--supply{background:#14b8a61f;color:#0f766e}.feed-card__type--demand{background:#f59e0b24;color:#b45309}.feed-card__company{overflow:hidden;color:var(--muted-foreground);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.feed-card__action{min-height:44px;margin-top:auto;border-radius:.9rem;background-color:#2b4a7f;color:#fff}.feed-card__action:hover{background-color:#243f6d}.card-specifications,.card-requirements{font-size:.75rem;line-height:1.5;min-height:2.25rem;color:var(--muted-foreground);margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-footer{margin:1.5rem -1.5rem -1.5rem;padding:1.25rem 1.5rem .875rem;border-top:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#f8fafcf2,#fff)}.site-footer__inner{max-width:none;margin:0;padding:0}.site-footer__hero{display:flex;flex-direction:column;align-items:center;gap:1.35rem;padding-bottom:1.5rem}.site-footer__brand{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}.site-footer__brand-name{color:var(--foreground);font-size:1.05rem;font-weight:700;letter-spacing:.02em}.site-footer__brand-tagline{color:var(--muted-foreground);font-size:.88rem;letter-spacing:.04em}.site-footer__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem}.site-footer__about-link{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.15rem;border:1px solid rgba(97,111,244,.22);border-radius:999px;background:#616ff414;color:var(--primary);font-size:.92rem;font-weight:600;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.site-footer__about-link:hover{background:#616ff424;border-color:#616ff459;box-shadow:0 8px 20px #616ff41f;transform:translateY(-1px)}.site-footer__about-link.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.site-footer__contact-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;background:#ffffffe0;border:1px solid var(--border);color:var(--muted-foreground);font-size:.84rem;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease}.site-footer__contact-chip:hover{color:var(--primary);border-color:#616ff447;background:#fff}.site-footer__grid{display:flex;justify-content:center;gap:.25rem}.site-footer__section{padding:.4rem 1.1rem;border-radius:.75rem;background:transparent;border:none;text-align:center}.site-footer__section h3{margin:0 0 .75rem;color:var(--foreground);font-size:1rem}.site-footer__link-title{display:inline-block;color:var(--primary);font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s ease}.site-footer__link-title:hover,.site-footer__link-title.is-active{color:var(--primary);opacity:.85}.site-footer__section p{margin:0 0 .45rem;color:var(--muted-foreground);line-height:1.6;word-break:break-word}.site-footer__section p:last-child{margin-bottom:0}.site-footer__link-list{display:flex;flex-direction:column;gap:.65rem}.site-footer__link-button{display:inline-flex;align-items:center;justify-content:flex-start;padding:0;color:var(--muted-foreground);background:transparent;font-size:.95rem;font-weight:400;line-height:1.6}.site-footer__link-button:hover{color:var(--primary)}.site-footer__section--basic .site-footer__brand{margin-bottom:.75rem}.site-footer__basic-contact p{margin:0 0 .4rem;color:var(--muted-foreground);font-size:.9rem;line-height:1.6;word-break:break-word}.site-footer__basic-contact p:last-child{margin-bottom:0}.site-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0f172a75}.detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1.25rem 4rem;background:#0f172a85;overflow-y:auto;animation:detail-modal-fadein .2s ease}@keyframes detail-modal-fadein{0%{opacity:0}to{opacity:1}}.detail-modal-container{width:min(860px,100%);border-radius:1rem;background:#fff;box-shadow:0 24px 64px #0f172a3d;overflow:hidden;animation:detail-modal-slideup .25s ease}@keyframes detail-modal-slideup{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-modal-close-bar{display:flex;justify-content:flex-end;padding:.5rem 1rem}.detail-modal-close-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:var(--bg-muted, #f1f5f9);color:#64748b;cursor:pointer;transition:background .15s,color .15s}.detail-modal-close-btn:hover{background:#e2e8f0;color:#1e293b}@media (max-width: 768px){.detail-modal-overlay{padding:0;background:#fff;overflow-y:auto}.detail-modal-container{width:100%;border-radius:0;box-shadow:none;min-height:100dvh;padding-bottom:0}.detail-modal-close-bar{position:sticky;top:0;z-index:10;background:#fff;padding:.75rem 1rem}}.site-modal{width:min(720px,100%);max-height:min(80vh,760px);overflow:hidden;border-radius:.85rem;background:#fff;box-shadow:0 24px 48px #0f172a2e}.site-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.site-modal__header h3{margin:0;color:var(--foreground);font-size:1.05rem}.site-modal__close{padding:0;color:var(--muted-foreground);background:transparent;font-size:.92rem;font-weight:600}.site-modal__close:hover{color:var(--foreground)}.site-modal__body{max-height:calc(80vh - 72px);overflow-y:auto;overscroll-behavior:contain;padding:1.1rem 1.25rem 1.25rem}.site-modal__body p{margin:0 0 .85rem;color:#475569;line-height:1.75}.site-modal__body p:last-child{margin-bottom:0}.site-footer__copyright{margin-top:0;padding-top:.9rem;padding-bottom:.4rem;text-align:center;color:var(--muted-foreground);font-size:.86rem}.site-footer__registration{margin-top:.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.8rem}.site-footer__registration a{color:var(--muted-foreground);text-decoration:none}.site-footer__registration a:hover{color:var(--primary)}.site-footer__registration img{width:14px;height:14px;vertical-align:-2px}.main-content{margin-left:0;margin-top:92px;min-height:calc(100vh - 92px);padding:1.5rem}.mobile-back-bar{display:flex;align-items:center;padding:.6rem .85rem;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.16);position:sticky;top:0;z-index:100}.mobile-back-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .65rem;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#fffffff5;color:var(--foreground);font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #0f172a0f;transition:all .2s ease;cursor:pointer}.mobile-back-btn:hover{background:#616ff414;border-color:#616ff447;color:var(--primary)}.mobile-back-btn:active{transform:scale(.98)}.app-page-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:calc(.5rem + var(--safe-top)) .6rem .5rem;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.16)}.app-page-header__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:.6rem;background:#f1f5f9e6;color:#1e293b;cursor:pointer;flex-shrink:0}.app-page-header__back:active{background:#e2e8f0e6}.app-page-header__title{flex:1;margin:0 .5rem;font-size:1rem;font-weight:700;color:#1e293b;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-page-header__spacer{width:36px;height:36px;flex-shrink:0}.mobile-logout-btn{margin-left:auto;color:#dc2626;border-color:#dc262633}.mobile-logout-btn:hover{background:#dc262614;border-color:#dc262666;color:#dc2626}.mobile-tabbar{display:none}@media (max-width: 1200px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.navbar{padding:0 1rem;gap:.75rem}.navbar-header h1{font-size:1.05rem}.navbar-brand__name{font-size:1.4rem}.navbar-brand__tagline{font-size:.85rem}.navbar-brand{width:160px;max-width:160px;flex-shrink:1}.navbar-panel{gap:.5rem .75rem}.navbar-search-row{flex:0 1 auto;min-width:0}.navbar-search-row .category-selector-btn{flex-shrink:0;padding:.5rem .7rem}.user-menu .search-bar{width:100px;flex-shrink:0}.user-menu .navbar-role-badge{flex-direction:row;gap:.2rem;padding:.15rem .3rem;font-size:.55rem}.menu-item{padding:.25rem .3rem;font-size:.75rem;gap:.25rem}.user-menu{gap:.1rem .3rem}}@media (max-width: 900px){body{background:#eef2f7}.container{padding:0 .75rem}.card{padding:1.25rem}.card:hover{transform:none}.btn{padding:.625rem 1.1rem}.navbar{position:fixed;top:0;left:0;right:0;height:auto;padding:0;display:block;z-index:1300}.navbar-mobile{background:#ffffff59;backdrop-filter:blur(30px) saturate(1.8);-webkit-backdrop-filter:blur(30px) saturate(1.8);border-bottom:1px solid rgba(255,255,255,.5)}.navbar-mobile-subrow{background:#ffffff59;backdrop-filter:blur(30px) saturate(1.8);-webkit-backdrop-filter:blur(30px) saturate(1.8)}.navbar-shell{width:100%;flex-shrink:1}.navbar-panel{display:none}.navbar-panel.is-open{display:flex;flex-direction:column;align-items:stretch;gap:.85rem;padding-top:.2rem}.navbar-search-row,.search-bar--navbar{display:none}.search-bar{max-width:none;width:100%;margin:0}.user-menu{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:.6rem}.menu-item{padding:.55rem .8rem}.nav-account{width:100%;max-width:none;justify-content:space-between}.nav-account__profile{max-width:50%}.categories-sidebar{position:static;top:auto;left:auto;width:0;height:0;padding:0;border:0;overflow:visible;background:transparent;z-index:1100}.categories--desktop{display:none}.mobile-category-fab{position:fixed;right:calc(.95rem + var(--safe-right));bottom:calc(5.9rem + var(--safe-bottom));z-index:1150;display:inline-flex;align-items:center;gap:.55rem;min-width:116px;max-width:min(52vw,190px);padding:.48rem .55rem .48rem .48rem;border:1px solid rgba(97,111,244,.14);border-radius:999px;background:#fffffff5;box-shadow:0 14px 32px #0f172a1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--foreground)}.mobile-category-fab.is-active{border-color:#616ff447;box-shadow:0 14px 32px #616ff42e}.mobile-category-fab__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#616ff41a;color:var(--primary);flex:0 0 auto}.mobile-category-fab__text{display:flex;align-items:center;gap:.45rem;min-width:0}.mobile-category-fab__label{overflow:hidden;color:var(--foreground);font-size:.78rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mobile-category-fab__count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .45rem;border-radius:999px;background:#0f172a;color:#fff;font-size:.75rem;font-weight:700}.mobile-category-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 2rem 6rem 0;background:#0f172a59}.mobile-category-drawer{position:fixed;left:3.5rem;bottom:calc(4.25rem + var(--safe-bottom, 0px));min-width:160px;max-width:170px;padding:.35rem;max-height:min(62vh,560px);overflow:hidden;display:flex;flex-direction:column;scrollbar-width:none;border:1px solid rgba(97,111,244,.2);border-radius:.75rem;background:#ffffffe0;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);box-shadow:0 12px 32px #1e40af1f}.mobile-category-drawer::-webkit-scrollbar{width:5px}.mobile-category-drawer::-webkit-scrollbar-track{background:#94a3b826;border-radius:3px}.mobile-category-drawer::-webkit-scrollbar-thumb{background:#2563eb;border-radius:3px}.mobile-category-drawer::-webkit-scrollbar-thumb:hover{background:#1d4ed8}.mobile-category-drawer__handle{display:none}.mobile-category-drawer__header{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.5rem .9rem;border-bottom:1px solid var(--border)}.mobile-category-drawer__eyebrow{display:none;margin-bottom:.2rem;color:var(--muted-foreground);font-size:.74rem;font-weight:700}.mobile-category-drawer__header h3{margin:0;color:#111827;font-size:.92rem;font-weight:700}.mobile-category-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#f8fafc;color:#475569}.mobile-category-drawer__state{padding:.85rem 1rem 0;color:var(--muted-foreground);font-size:.88rem}.mobile-category-drawer__state--error{color:#b91c1c}.mobile-category-drawer__list{display:grid;gap:.15rem;padding:.5rem .55rem 2rem;position:relative;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}.mobile-category-drawer__list::-webkit-scrollbar{display:none}.mobile-category-drawer__scrollbar{position:absolute;top:3rem;right:3px;bottom:.5rem;width:5px;background:#94a3b840;border-radius:3px;pointer-events:none}.mobile-category-drawer__scrollbar-thumb{position:absolute;left:0;width:100%;height:24px;border-radius:3px;background:#2563eb;transition:top .08s linear,height .08s linear}.mobile-category-drawer__item{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem .55rem;border:none;border-radius:.5rem;background:transparent;color:#334155;font-size:.9rem;font-weight:600;text-align:center;cursor:pointer;border-bottom:1px solid rgba(148,163,184,.15);transition:background .2s ease}.mobile-category-drawer__item:hover,.mobile-category-drawer__item:active{background:#3b82f626;color:#2563eb}.mobile-category-drawer__item svg{flex:0 0 auto}.mobile-category-drawer__item.is-active{border-color:#3b82f64d;background:#3b82f61f;color:#2563eb}.categories{display:flex;align-items:center;gap:.75rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.categories h3,.category-item{flex:0 0 auto;margin-bottom:0}.category-header{gap:.45rem;padding:.6rem .85rem;border:1px solid var(--border);border-radius:999px;background:#ffffffeb;white-space:nowrap;box-shadow:0 6px 16px #0f172a0a}.category-header.active{border-color:#616ff466;background:#616ff414;color:var(--primary)}.category-header svg,.subcategories{display:none}.main-content{margin-top:0;margin-left:0;min-height:auto;padding:calc(57px + .25rem) calc(.5rem + var(--safe-right)) calc(5.25rem + var(--safe-bottom)) calc(.5rem + var(--safe-left))}.header-section h1{font-size:1.55rem}.home-hero{padding:.9rem 1rem;border-radius:1rem}.home-hero__top{align-items:center;justify-content:space-between}.home-hero__eyebrow{display:none}.home-hero__title{font-size:1.15rem}.home-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.7rem}.home-hero__stat{padding:.65rem .75rem;border-radius:.8rem}.home-hero__stat strong{font-size:.92rem}.home-hero__stat span{margin-top:.12rem;font-size:.72rem}.home-status{margin-top:.75rem;padding:.72rem .82rem;border-radius:.8rem;font-size:.84rem}.home-status--success{display:none}.lightbox-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:2147483647!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:#000000eb!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow:hidden;transform:none!important;transition:none!important;outline:5px solid red!important}.lightbox-toolbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;z-index:10}.lightbox-counter{color:#ffffffbf;font-size:.9rem;font-weight:500}.lightbox-close-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .15s}.lightbox-close-btn:hover{background:#ffffff38}.lightbox-body{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;height:calc(100% - 100px);padding:0 1rem}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:none;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .15s}.lightbox-nav-btn:hover{background:#ffffff40}.lightbox-thumbs{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;padding:.5rem .75rem;border-radius:12px;background:#ffffff14;overflow-x:auto;max-width:calc(100% - 2rem)}.lightbox-thumb-btn{flex-shrink:0;width:56px;height:40px;padding:0;border:2px solid transparent;border-radius:6px;background:none;cursor:pointer;overflow:hidden;opacity:.5;transition:opacity .15s,border-color .15s}.lightbox-thumb-btn.is-active{border-color:#fff;opacity:1}.lightbox-thumb-btn:hover{opacity:.85}.lightbox-thumb-btn img{width:100%;height:100%;object-fit:cover}@media (max-width: 640px){.lightbox-nav-btn{width:36px;height:36px}.lightbox-nav-btn svg{width:22px;height:22px}.lightbox-body{padding:0 .5rem;gap:.4rem}.lightbox-thumb-btn{width:44px;height:32px}}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.25rem}.card-image{height:180px}.feed-card .card-image{height:200px}.card{border-radius:1rem}.publish-header{grid-template-columns:1fr;align-items:start}.publish-page--app{max-width:none}.publish-role-badge{justify-self:start}.publish-grid--2,.publish-grid--3,.publish-grid--price-stock,.publish-upload-grid,.publish-video-preview{grid-template-columns:1fr}.publish-section,.publish-actions{padding:1rem}.detail-heading,.detail-media-header,.detail-contact-lock,.company-profile-summary{flex-direction:column;align-items:flex-start}.detail-contact-lock--centered{align-items:center;text-align:center}.detail-hero-carousel{height:320px;border-radius:1rem}.detail-info-grid,.detail-info-sheet,.detail-contact-gate__grid,.detail-contact-gate__phone-row{grid-template-columns:1fr}.detail-info-item:nth-child(odd){border-right:none}.detail-info-item:not(:last-child){border-bottom:1px solid rgba(148,163,184,.14)}.detail-info-item:last-child{border-bottom:none}.detail-info-item{padding:.85rem 1rem}.detail-contact-lock .btn,.detail-contact-gate__actions .btn{width:100%}.detail-photo-card__image{min-height:240px}.detail-video-card video{min-height:280px}.user-center-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem}.user-center-tab-pill{flex:0 0 auto;white-space:nowrap}.user-center-page{max-width:none}.user-center-hero{padding:1rem}.user-center-hero__top{flex-direction:column;align-items:stretch}.user-center-hero__create{width:100%}.user-center-summary{gap:.6rem}.user-center-summary__item,.user-center-account-card__item{padding:.8rem .85rem}.user-center-account-card{grid-template-columns:1fr}.user-center-post-card{padding:1rem}.user-center-post-card__top{flex-direction:column;gap:.75rem}.user-center-post-card__detail-grid{gap:.6rem}.user-center-actions .btn{flex:1 1 140px}.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1100;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;padding:.5rem calc(.7rem + var(--safe-right)) calc(.55rem + var(--safe-bottom)) calc(.7rem + var(--safe-left));background:#fff9;border-top:1px solid rgba(255,255,255,.5);backdrop-filter:blur(30px) saturate(1.8);-webkit-backdrop-filter:blur(30px) saturate(1.8);box-shadow:0 -10px 30px #0f172a14}.mobile-tabbar__item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:50px;border-radius:0;background:transparent;color:#111827;font-size:.74rem;font-weight:500;position:relative;-webkit-tap-highlight-color:transparent;transition:color .2s ease}.mobile-tabbar__item:active{transform:scale(.94);background:#0f172a0d}.mobile-tabbar__item svg,.mobile-tabbar__item .mobile-tabbar__icon-wrapper{transition:transform .25s ease,color .2s ease}.mobile-tabbar__item.is-active{color:#3b82f6;font-weight:800}.mobile-tabbar__item.is-active svg,.mobile-tabbar__item.is-active .mobile-tabbar__icon-wrapper{transform:translateY(-2px)}.mobile-tabbar__item.is-active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:22px;height:3px;border-radius:3px 3px 0 0;background:#3b82f6;animation:tabbar-indicator-in .25s ease}@keyframes tabbar-indicator-in{0%{width:0;opacity:0}to{width:22px;opacity:1}}.mobile-tabbar__item svg{width:22px;height:22px}.mobile-tabbar__item .mobile-tabbar__icon-wrapper:has(.mobile-tabbar__publish-icon){height:22px;align-items:center}.mobile-tabbar__item svg.mobile-tabbar__publish-icon{width:34px;height:34px;margin-top:0}.mobile-tabbar__sublabel{font-size:.5rem;font-weight:500;color:#94a3b8;line-height:1;margin-top:-.15rem}.mobile-tabbar__item.is-active .mobile-tabbar__sublabel{color:var(--primary);opacity:.8}.mobile-tabbar__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mobile-tabbar__badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;white-space:nowrap}.auth-mode-switch,.auth-role-grid{flex-direction:column}.auth-inline{flex-direction:row}.auth-inline--phone>*:first-child{min-width:120px!important}.auth-inline__fixed{width:100%;flex:1 1 auto}.auth-inline .btn{width:100%}.navbar-mobile{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:calc(.6rem + var(--safe-top)) .85rem .6rem;box-sizing:border-box}.navbar-mobile__brand{display:flex;align-items:center;gap:.45rem;min-width:0;flex:1 1 auto;cursor:pointer}.navbar-mobile__logo{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:7px}.navbar-mobile__title{display:flex;flex-direction:column;min-width:0;line-height:1.15;margin:0}.navbar-mobile__name{font-size:.88rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e293b}.navbar-mobile__tagline{font-size:.56rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-mobile__actions{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.navbar-mobile__action-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:.55rem;background:#f1f5f9e6;color:#475569;cursor:pointer;transition:background .15s}.navbar-mobile__action-btn:active{background:#e2e8f0e6}.navbar-mobile__action-btn.is-selected{background:#616ff41f;color:var(--primary)}.navbar-mobile__role-badge{display:inline-flex;align-items:center;gap:.2rem;height:32px;padding:0 .55rem;border:1px solid rgba(59,130,246,.25);border-radius:999px;background:#3b82f614;color:#3b82f6;font-size:.66rem;font-weight:600;cursor:pointer;white-space:nowrap}.navbar-mobile__role-badge-label{color:#64748b;font-weight:500}.navbar-mobile__login-btn{display:inline-flex;align-items:center;gap:.18rem;height:28px;padding:0 .6rem;border:none;border-radius:999px;background:var(--primary);color:#fff;font-size:.68rem;font-weight:600;cursor:pointer}.navbar-mobile-search{display:flex;align-items:center;gap:.45rem;margin:0 .85rem .3rem;padding:0 .7rem;height:30px;border-radius:10px;background:#fff;border:1px solid #cbd5e1;color:#94a3b8;cursor:text;box-sizing:border-box;box-shadow:0 1px 3px #0f172a14;transition:border-color .15s,background .15s,box-shadow .15s}.navbar-mobile-search:hover{border-color:#94a3b8;background:#f8fafc}.navbar-mobile-search:active{background:#f1f5f9;border-color:#64748b;box-shadow:inset 0 1px 2px #0f172a0f}.navbar-mobile-subrow{display:flex;align-items:center;gap:.5rem;padding:.1rem .85rem .15rem;box-sizing:border-box}.navbar-mobile-search--inline{flex:1;min-width:0;height:36px;margin:0;padding:0 .6rem;border-radius:8px}.navbar-mobile-search__btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:transparent;color:#3b82f6;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s}.navbar-mobile-search--inline .navbar-mobile-search__input{flex:1;min-width:0;border:none;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;font-size:.9375rem;color:#1e293b;padding:0 .15rem;margin:0;box-shadow:none;border-radius:0;height:auto}.navbar-mobile-search--inline .navbar-mobile-search__input::-webkit-search-cancel-button,.navbar-mobile-search--inline .navbar-mobile-search__input::-webkit-search-decoration,.navbar-mobile-search--inline .navbar-mobile-search__input::-webkit-search-results-button,.navbar-mobile-search--inline .navbar-mobile-search__input::-webkit-search-results-decoration{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important}.navbar-mobile-search--inline .navbar-mobile-search__input:focus{outline:none;box-shadow:none;border:none}.navbar-mobile-search--inline .navbar-mobile-search__input::placeholder{color:#94a3b8}.navbar-mobile-search__placeholder{flex:1;font-size:.85rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-mobile-ad{margin:0 .85rem .5rem;overflow:hidden}.navbar-mobile-ad__rotator--inline{position:relative;flex:1;min-width:0;height:62px!important;overflow:hidden;margin:0 -.85rem;border-radius:0!important}.navbar-mobile-ad__rotator--inline .navbar-mobile-ad__slide{padding:0}.navbar-mobile-ad__rotator--inline .navbar-mobile-ad__logo{width:40px;height:40px}.navbar-mobile-ad__rotator--inline .navbar-mobile-ad__title,.navbar-mobile-ad__rotator--inline .navbar-mobile-ad__content{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-mobile-ad__rotator{position:relative;height:7.5rem;border-radius:.9rem;background:#fff;border:1px solid rgba(148,163,184,.14);box-shadow:0 2px 10px #0f172a0d;overflow:hidden}.navbar-mobile-ad__slide{display:flex;align-items:center;gap:.75rem;position:absolute;left:0;top:0;width:100%;height:100%;padding:0 1rem;box-sizing:border-box;transition:transform .5s ease,opacity .5s ease;opacity:0;pointer-events:none}.navbar-mobile-ad__slide.is-active{transform:translateY(0);opacity:1;pointer-events:auto}.navbar-mobile-ad__slide.is-above{transform:translateY(100%);opacity:0}.navbar-mobile-ad__slide.is-below{transform:translateY(-100%);opacity:0}.navbar-mobile-ad__logo{width:56px;height:56px;object-fit:contain;flex-shrink:0;border-radius:10px}.navbar-mobile-ad__text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.navbar-mobile-ad__title{font-size:1.05rem;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-mobile-ad__content{font-size:.8rem;color:#94a3b8;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 640px){.mobile-category-fab{right:calc(.8rem + var(--safe-right));bottom:calc(5.5rem + var(--safe-bottom));min-width:0;max-width:min(56vw,168px);padding-right:.48rem}.mobile-category-fab__icon{width:32px;height:32px}.mobile-category-fab__label{font-size:.74rem}.mobile-category-fab__count{min-width:26px;height:26px;font-size:.72rem}.mobile-category-drawer__header,.mobile-category-drawer__list{padding-left:.9rem;padding-right:.9rem}.navbar{padding:0}.user-center-hero__identity{gap:.75rem}.user-center-hero__avatar{width:52px;height:52px;border-radius:16px;font-size:1.08rem}.user-center-hero__copy h1{font-size:1.28rem}.user-center-summary,.user-center-post-card__detail-grid{grid-template-columns:1fr}.navbar-header h1{font-size:1.15rem}.nav-account{flex-direction:column;align-items:stretch;max-width:360px}.nav-account__profile{max-width:none}.nav-role-badge,.nav-role-switch{width:100%}.nav-role-switch button{flex:1}.header-section h1,.publish-header h1,.detail-title{font-size:1.45rem}.home-hero{padding:.82rem .88rem}.home-hero__role{min-width:62px;padding:.34rem .62rem;font-size:.72rem}.home-hero__stats{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.site-footer__grid{flex-wrap:wrap;gap:.25rem}.site-footer{margin:1rem -.5rem 0;padding:1.75rem .5rem 1.5rem}.site-footer--with-tabbar{padding-bottom:calc(5.75rem + var(--safe-bottom))}.site-footer__hero{gap:1rem;padding-bottom:1.1rem}.site-footer__brand-name{font-size:.95rem}.site-footer__brand-tagline{font-size:.78rem}.site-footer__nav{gap:.5rem}.site-footer__about-link{padding:.5rem 1rem;font-size:.86rem}.site-footer__contact-chip{font-size:.78rem;padding:.4rem .7rem}.site-footer__copyright{font-size:.78rem}.menu-item{width:100%;justify-content:flex-start}.card-image{height:200px}.feed-card{padding:4px;border-radius:14px}.feed-card .card-image{height:120px;border-radius:10px;margin-bottom:0}.feed-card .guaranteed-fold{width:54px;height:54px}.feed-card .guaranteed-fold:before{border-width:0 54px 54px 0}.feed-card .guaranteed-fold-text{top:3px;right:3px;line-height:1.1}.feed-card .guaranteed-rate-label{font-size:8px}.feed-card .guaranteed-rate-value{font-size:12px}.feed-card .source-certified-fold{width:72px;height:72px}.feed-card .source-certified-fold:before{border-width:0 72px 72px 0}.feed-card .source-certified-fold-text{top:5px;right:8px;line-height:1.1}.feed-card .source-certified-fold-label{font-size:10px}.feed-card .source-certified-fold-value{font-size:13px}.feed-card .guaranteed-locked-banner{width:100%;height:100%;max-width:none;justify-content:center;align-items:center}.feed-card .guaranteed-locked-mark{width:106px!important;transform:rotate(-15deg)}.feed-card .card-content{height:auto;padding:.5rem;gap:.15rem}.feed-card .guaranteed-meta{font-size:.66rem;white-space:nowrap;line-height:1.4;gap:.15rem;max-width:100%}.feed-card .guaranteed-meta:before{width:7px;height:7px;margin-right:0}.feed-card .card-title{font-size:.85rem;margin-bottom:.15rem}.feed-card .card-update-time{font-size:.66rem;margin-bottom:.15rem}.feed-card .feed-card__action,.feed-card .guaranteed-action-btn{min-height:0;padding:.3rem 0;font-size:.78rem;border-radius:.6rem}.feed-card .feed-card__action{margin-top:.35rem}.feed-card__meta{flex-wrap:wrap;margin-bottom:.55rem}.publish-form{border-radius:.65rem}.publish-section__header--split,.company-profile-summary__main{flex-direction:column;align-items:flex-start}.publish-actions{flex-direction:column-reverse}.publish-actions .btn,.user-center-actions .btn{width:100%}.detail-hero-carousel{height:260px}.detail-carousel-btn{width:36px;height:36px}.detail-carousel-btn--prev{left:.6rem}.detail-carousel-btn--next{right:.6rem}.detail-photo-grid{gap:.75rem}.detail-video-card video{min-height:220px}.site-modal-backdrop{padding:.75rem}.site-modal__header,.site-modal__body{padding-inline:1rem}.auth-page{padding-top:1rem;padding-bottom:1rem}.auth-panel{padding:3.75rem 1.75rem 1.75rem}.pagination{flex-direction:column}.home-hero__title,.detail-title{font-size:1.4rem}.mobile-tabbar__item{min-height:50px;font-size:.74rem}.detail-page{padding-top:1rem}}.profile-edit-avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.profile-edit-avatar-label{position:relative;cursor:pointer}.profile-edit-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;background:#f8fafc}.profile-edit-avatar img{width:100%;height:100%;object-fit:cover}.profile-edit-avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--muted-foreground);font-size:.75rem}.profile-edit-avatar-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.profile-edit-avatar-remove{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .65rem;border-radius:999px;background:#fff5f5;color:#dc2626;font-size:.82rem}.profile-edit-form{display:flex;flex-direction:column;gap:1rem;max-width:580px}.profile-edit-field{display:flex;flex-direction:row;align-items:center;gap:.85rem}.profile-edit-field--top{align-items:flex-start}.profile-edit-field--top>label{padding-top:.75rem}.profile-edit-field label{flex:0 0 6.5rem;color:#334155;font-size:.9rem;font-weight:700;text-align:right;white-space:nowrap}.profile-edit-field__mark{color:#ef4444;margin-left:.15rem}.profile-edit-field__input-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.profile-edit-field__error{margin:0;color:#ef4444;font-size:.78rem;line-height:1.4}.profile-edit-field__hint{margin:0;color:#d97706;font-size:.78rem;line-height:1.5}.profile-edit-field input.is-invalid,.profile-edit-field textarea.is-invalid{border-color:#ef4444}.profile-edit-field__content{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.profile-edit-field input,.profile-edit-field textarea,.profile-edit-field select{flex:1;min-width:0;width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.55rem;font-size:.95rem}.profile-edit-field input:read-only{background-color:#f5f5f5;cursor:not-allowed}.profile-edit-field textarea{resize:vertical;min-height:80px;font-family:inherit}.profile-edit-license-preview{max-width:200px;max-height:140px;object-fit:contain;border:1px solid #d9e2ee;border-radius:.4rem}.profile-edit-upload-btn{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;background:#f0f4ff;color:#4f6ef7;font-size:.85rem;width:fit-content}.profile-edit-remove-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:.8rem;padding:0;width:fit-content}.profile-save-toast-backdrop{z-index:1200}.profile-save-toast{width:min(320px,calc(100vw - 2rem));padding:1.5rem 1.25rem 1.35rem;border-radius:.9rem;background:#fff;box-shadow:0 18px 48px #0f172a2e;text-align:center;animation:profile-save-toast-in .22s ease}.profile-save-toast__icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin:0 auto .85rem;border-radius:999px;background:#ecfdf5;color:#16a34a}.profile-save-toast__message{margin:0;color:#1e293b;font-size:.98rem;font-weight:600;line-height:1.5}@keyframes profile-save-toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-hint{color:#f59e0b;font-size:.8rem;margin-top:.25rem}.profile-edit-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.password-change-page__title{margin:0 0 1rem;font-size:1.15rem;font-weight:700;color:#1e293b}.password-change-form{max-width:520px}.password-change-card{border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#fff;box-shadow:0 10px 30px #0f172a0a;overflow:hidden}.password-change-card__header{padding:1.1rem 1.35rem .35rem}.password-change-card__desc{margin:0;font-size:.86rem;line-height:1.65;color:#64748b}.password-change-card__body{display:flex;flex-direction:column;gap:1.1rem;padding:1rem 1.35rem .35rem}.password-change-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.35rem 1.35rem;margin-top:.35rem;border-top:1px solid rgba(148,163,184,.12)}.password-change-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-left:auto}.password-change-forgot-link{padding:0;border:none;background:transparent;color:var(--primary);font-size:.84rem;font-weight:500;white-space:nowrap;cursor:pointer}.password-change-forgot-link:hover{text-decoration:underline}.password-change-forgot-back{display:inline-flex;align-items:center;margin:0 0 .65rem;padding:0;border:none;background:transparent;color:var(--primary);font-size:.84rem;font-weight:500;cursor:pointer}.password-change-forgot-back:hover{text-decoration:underline}.password-change-notice{display:flex;align-items:flex-start;gap:.65rem;padding:.9rem 1rem;border-radius:.75rem;background:linear-gradient(135deg,#dbeafe,#e8f0fe);border:1px solid rgba(79,110,247,.28);box-shadow:0 2px 8px #4f6ef714}.password-change-notice__icon{flex-shrink:0;margin-top:.12rem;color:#3b5bdb}.password-change-notice__text{margin:0;font-size:.84rem;line-height:1.65;color:#334155}.password-change-verify__input{flex:1;min-width:0;width:100%;padding:.75rem .85rem;border:1px solid rgba(148,163,184,.35);border-radius:.55rem;font-size:.95rem;letter-spacing:.08em;background:#fff}.password-change-verify__btn{flex:0 0 auto;white-space:nowrap;min-width:6.5rem;padding:.75rem .85rem;border:none;border-radius:.55rem;background:linear-gradient(135deg,#3b5bdb,#4f6ef7);color:#fff;font-size:.88rem;font-weight:600;box-shadow:0 4px 12px #3b5bdb38;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.password-change-verify__btn:hover:not(:disabled){background:linear-gradient(135deg,#3451c7,#4560e8);transform:translateY(-1px);box-shadow:0 6px 16px #3b5bdb47}.password-change-verify__btn:disabled{background:#94a3b8;color:#f8fafc;box-shadow:none;cursor:not-allowed}.password-change-field{display:flex;flex-direction:column;align-items:stretch;gap:.45rem}.password-change-field--row{flex-direction:row;align-items:center;gap:.85rem}.password-change-field--row>label{flex:0 0 auto;min-width:6.5rem;white-space:nowrap}.password-change-field--row .password-change-input-wrap,.password-change-field--row .password-change-field__content,.password-change-field--row .password-change-field__inline-group{flex:1;min-width:0}.password-change-field--row .password-change-field__content{display:flex;flex-direction:column;gap:.45rem}.password-change-field--verify{align-items:flex-start}.password-change-field--verify>label{margin-top:.72rem}.password-change-field label{font-size:.86rem;font-weight:600;color:#334155}.password-change-field__colon{margin-left:.05rem}.password-change-field__required{margin-left:.1rem;color:#ef4444}.password-change-input-wrap{position:relative;min-width:0}.password-change-input__toggle{position:absolute;top:50%;right:.65rem;display:inline-flex;align-items:center;justify-content:center;padding:.2rem;border:none;background:transparent;color:#94a3b8;cursor:pointer;transform:translateY(-50%);transition:color .2s ease}.password-change-input__toggle:hover{color:var(--primary)}.password-change-field__inline-group{display:flex;gap:.65rem;align-items:stretch}.password-change-input-wrap input{width:100%;padding:.78rem 2.5rem .78rem .9rem;border:1px solid rgba(148,163,184,.35);border-radius:.55rem;font-size:.95rem;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.password-change-input-wrap input:focus,.password-change-verify__input:focus{outline:none;border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71f}.password-change-alert{margin:.85rem 1.35rem 0}.password-change-card__actions .btn-primary{min-width:7.5rem;padding:.72rem 1.35rem}@media (max-width: 640px){.profile-edit-field{flex-direction:column;align-items:stretch;gap:.4rem}.profile-edit-field--top>label{padding-top:0}.profile-edit-field label{flex:none;text-align:left}.password-change-field__inline-group{flex-direction:column}.password-change-field--row>label{min-width:4.8rem;font-size:.82rem}.password-change-verify__btn{width:100%}.password-change-card__footer{flex-direction:column;align-items:stretch;gap:.85rem}.password-change-forgot-link{align-self:center}.password-change-card__actions{width:100%;flex-direction:column}.password-change-card__actions .btn{width:100%}}.user-center-hero__edit{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .95rem;font-size:.88rem}@media (max-width: 900px){.user-center-hero__edit{padding:.45rem .75rem;font-size:.82rem}.profile-edit-avatar-section{flex-direction:column;align-items:flex-start}.profile-edit-actions{flex-direction:column}.profile-edit-actions .btn{width:100%}}.membership-page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.membership-loading,.membership-empty{text-align:center;padding:4rem 1rem;color:var(--muted-foreground)}.membership-loading p,.membership-empty p{margin:1rem 0;font-size:.95rem}.membership-loading .spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.membership-success-banner,.membership-error-banner{display:flex;align-items:center;gap:.5rem;max-width:720px;margin:0 auto 1rem;padding:.75rem 1rem;border-radius:.65rem;font-size:.88rem;font-weight:500}.membership-success-banner{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.membership-error-banner{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.membership-discount-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:720px;margin:0 auto 1rem;padding:.85rem 1.2rem;border-radius:.75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:1.05rem;font-weight:700;border:1px solid #fcd34d}.membership-discount-banner svg{width:22px!important;height:22px!important;flex-shrink:0}.membership-grid{display:grid;gap:1.25rem;justify-content:center;margin:0 auto}.membership-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.75rem 1.25rem 1.5rem;border:2px solid var(--border);border-radius:1rem;background:#fff;text-align:center;transition:transform .2s,box-shadow .2s}.membership-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f172a14}.membership-card-icon{margin-bottom:.75rem}.membership-card-name{font-size:1.15rem;font-weight:700;color:var(--foreground);margin:0 0 .15rem}.membership-card-name-en{font-size:.78rem;color:var(--muted-foreground);margin:0 0 1rem}.membership-card-price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.35rem;margin-bottom:1.25rem}.price-original{font-size:.9rem;color:#94a3b8;text-decoration:line-through}.price-current{font-size:1.8rem;font-weight:800}.price-period{font-size:.75rem;color:var(--muted-foreground)}.membership-card-price-discounted{display:flex;flex-direction:column;align-items:center;gap:.1rem;line-height:1.2}.membership-price-original-row{display:flex;align-items:baseline;gap:.25rem}.membership-price-discounted-row{display:flex;align-items:baseline;gap:.4rem}.price-discounted-label{font-size:.85rem;font-weight:700;color:#ef4444}.price-original-label{font-size:.85rem;font-weight:700;color:#94a3b8}.membership-countdown{flex-basis:100%;margin-top:.5rem;font-size:.8rem;font-weight:700;color:#16a34a;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:center}.membership-countdown__ended{color:#9ca3af;font-weight:600}.membership-card-benefits{list-style:none;padding:0;margin:0 0 1.5rem;width:100%;text-align:left}.membership-card-benefits li{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;font-size:.82rem;color:#475569;border-bottom:1px solid #f1f5f9}.membership-card-benefits li:last-child{border-bottom:none}.membership-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.7rem 1rem;margin-top:auto;border:none;border-radius:.65rem;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}.membership-card-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.membership-card-btn:disabled{opacity:.65;cursor:not-allowed}.membership-back-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border:1px solid var(--border);border-radius:.55rem;background:#fff;color:var(--muted-foreground);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:.5rem}.membership-back-btn:hover{background:var(--accent);color:var(--primary)}.membership-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;border:1px solid var(--border);border-radius:.55rem;background:#fff;color:var(--foreground);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.membership-btn:hover{background:var(--accent)}.membership-btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.membership-btn-primary:hover{opacity:.9}.membership-active-section{max-width:720px;margin:2.5rem auto 0}.membership-active-section h2{font-size:1.1rem;font-weight:700;color:var(--foreground);margin:0 0 1rem}.membership-active-list{display:flex;flex-direction:column;gap:.75rem}.membership-active-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:.75rem;background:#f8fafc}.active-card-level{display:flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;white-space:nowrap;padding-top:.1rem}.active-card-info{display:flex;flex-direction:column;gap:.4rem;flex:1}.active-card-row{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#475569}.active-card-hint{font-size:.65rem;color:#94a3b8;margin-left:.15rem}@media (max-width: 900px){.membership-grid{gap:.5rem;max-width:none;grid-auto-flow:column;grid-auto-columns:70%;justify-content:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:1rem 0;scrollbar-width:none}.membership-grid::-webkit-scrollbar{display:none}.membership-card{padding:1.5rem 1.25rem;scroll-snap-align:center}.membership-active-card{flex-direction:column;gap:.5rem}.main-content.user-center-page>div>.card{margin-bottom:.5rem}.main-content.user-center-page{padding:.5rem 1rem calc(4.5rem + var(--safe-bottom))}}@media (max-width: 900px){.membership-page{padding-top:.5rem}.membership-page--subscribe{padding-left:0!important;padding-right:0!important}.membership-page--subscribe .membership-grid{grid-auto-flow:row!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-columns:auto!important;gap:.75rem!important;overflow-x:visible!important;overflow-y:visible!important;scroll-snap-type:none!important;justify-content:stretch!important;padding:.75rem .5rem!important}.membership-page--subscribe .membership-card{padding:.9rem 1rem .85rem!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.membership-page--subscribe .membership-card.is-selected{transform:scale(1.05);box-shadow:0 8px 24px #3b82f640;position:relative;z-index:2}.membership-page--subscribe .membership-card-icon{margin-bottom:.55rem!important}.membership-page--subscribe .membership-card-icon svg{width:27px!important;height:27px!important}.membership-page--subscribe .membership-card-name{font-size:1.1rem!important;margin-top:0;margin-bottom:.6rem!important;padding-bottom:.6rem;border-bottom:1px solid #e5e7eb;width:100%}.membership-page--subscribe .membership-card-name-en{font-size:.75rem!important;margin-bottom:0!important}.membership-page--subscribe .membership-card-price{margin-bottom:.75rem!important;margin-top:.5rem!important}.membership-page--subscribe .membership-card-price .membership-price-discounted-row{flex-wrap:nowrap!important;gap:.3rem!important}.membership-page--subscribe .membership-card-price .price-discounted-label,.membership-page--subscribe .membership-card-price .price-current{white-space:nowrap}.membership-page--subscribe .membership-card-price .price-current{flex-shrink:0}.membership-page--subscribe .membership-card-benefits{gap:.35rem!important;margin-bottom:.65rem!important;padding-left:0!important}.membership-page--subscribe .membership-card-benefits li{font-size:.75rem!important;gap:.2rem!important;line-height:1.3;min-height:auto!important;margin:0!important;padding:0!important}.membership-page--subscribe .membership-card-benefits li svg{width:12px!important;height:12px!important;flex-shrink:0}.membership-page--subscribe .membership-card-benefits li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.membership-page--subscribe .membership-card-btn{padding:.35rem .5rem!important;font-size:.82rem!important}.membership-page--subscribe .membership-card-detail-link{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;margin:0 auto .5rem;padding:.15rem .6rem;font-size:.85rem!important;font-weight:500;color:#111827;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;line-height:1.4}.membership-page--subscribe .membership-card-detail-link svg{width:11px!important;height:11px!important}.membership-active-section{margin:.25rem auto .5rem;padding:0 .25rem}.membership-active-section__title{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:#1e293b}.membership-active-section .membership-active-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;margin-bottom:.75rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc}.membership-active-card__level{display:flex;align-items:center;gap:.5rem;color:#6366f1;font-weight:600;margin-bottom:.25rem}.membership-active-card__row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#475569}.membership-active-section__empty{padding:1rem;margin:0 0 .75rem;border:1px dashed #cbd5e1;border-radius:.75rem;background:#f8fafc;color:#64748b;font-size:.85rem}}.membership-active-toggle{display:flex;justify-content:center;margin:1rem 0 .5rem}.membership-active-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:1px solid var(--border);border-radius:.55rem;background:#fff;color:var(--primary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.membership-active-toggle-btn:hover{background:var(--accent);border-color:var(--primary)}.membership-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000073;animation:fadeIn .2s ease}.membership-modal{background:#fff;border-radius:.85rem;width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0000002e;animation:scaleIn .2s ease}.membership-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .75rem;border-bottom:1px solid #f1f5f9}.membership-modal-header h2{margin:0;font-size:1.05rem;font-weight:700;color:var(--foreground)}.membership-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.4rem;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s}.membership-modal-close:hover{background:#f1f5f9;color:var(--foreground)}.membership-modal-body{padding:1rem 1.5rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.payment-confirm-page{max-width:780px;margin:0 auto;padding:1.25rem 1rem 1.5rem}.payment-empty{text-align:center;padding:4rem 1rem;color:var(--muted-foreground)}.payment-empty p{margin:1rem 0;font-size:.95rem}.payment-back-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border:1px solid var(--border);border-radius:.5rem;background:#fff;color:var(--muted-foreground);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:.75rem}.payment-back-btn:hover{background:var(--accent);color:var(--primary)}.payment-error-banner{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.55rem .85rem;border-radius:.5rem;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-size:.82rem}.payment-card{display:flex;gap:1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:.85rem;padding:1.25rem 1.5rem;margin-bottom:1rem;align-items:stretch}.payment-card-left{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.65rem;min-width:0}.payment-card-title{font-size:1.1rem;font-weight:700;color:var(--foreground);margin:0}.payment-card-price{display:flex;align-items:baseline}.payment-card-price-value{font-size:1.8rem;font-weight:800;color:var(--primary);line-height:1}.payment-card-meta{display:flex;flex-direction:column;gap:.3rem}.payment-card-meta-row{display:flex;gap:.5rem;font-size:.8rem}.payment-meta-label{color:#94a3b8;white-space:nowrap;min-width:4.5em}.payment-meta-value{color:#475569;word-break:break-all}.payment-meta-method{display:inline-flex;align-items:center;gap:.25rem;color:#1677ff;font-weight:600}.payment-card-right{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.85rem;flex:1.15;min-width:280px;max-width:420px;border-left:1px solid #f1f5f9;padding-left:1.5rem}.payment-methods-panel{display:flex;flex-direction:column;gap:.65rem}.payment-methods-title{font-size:.85rem;font-weight:700;color:#0f172a;margin:0}.payment-methods-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.payment-method-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:5.1rem;padding:.55rem .4rem .5rem;border:1.5px solid #e2e8f0;border-radius:.7rem;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s,transform .12s;width:100%;text-align:center}.payment-method-card:hover{border-color:#cbd5e1;background:#f8fafc}.payment-method-card.is-active{border-color:var(--pay-accent, #1677ff);background:color-mix(in srgb,var(--pay-accent, #1677ff) 6%,#ffffff);box-shadow:0 0 0 3px color-mix(in srgb,var(--pay-accent, #1677ff) 18%,transparent)}.payment-method-card.is-soon{opacity:.92}.payment-method-logo{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;flex-shrink:0}.payment-method-logo svg,.payment-method-logo img{width:100%;height:100%;display:block;object-fit:contain}.payment-method-logo--img{border-radius:.3rem}.payment-method-logo--stripe,.payment-method-logo--paypal{width:2.2rem;height:2.2rem}.payment-method-name{font-size:.72rem;font-weight:600;color:#334155;text-align:center;line-height:1.2}.payment-method-soon{font-size:.58rem;font-weight:600;color:#94a3b8;background:#f1f5f9;border-radius:999px;padding:.08rem .35rem;line-height:1.3}.payment-method-check{position:absolute;top:.3rem;right:.3rem;width:1rem;height:1rem;border-radius:999px;background:var(--pay-accent, #1677ff);color:#fff;display:inline-flex;align-items:center;justify-content:center}.payment-methods-hint{margin:0;font-size:.7rem;color:#94a3b8;line-height:1.45}.payment-methods-hint--error{color:#ef4444;font-weight:500}.payment-qrcode-box{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;border:1px dashed #93c5fd;border-radius:.65rem;background:#f8faff;color:#1677ff}.payment-qrcode-hint{margin:.4rem 0 0;font-size:.72rem;color:#94a3b8}.payment-submit-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:.7rem 1.25rem;border:none;border-radius:.55rem;background:var(--primary);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.payment-submit-btn:hover:not(:disabled){opacity:.9}.payment-submit-btn:disabled{opacity:.55;cursor:not-allowed}.payment-spin{animation:payment-spin-anim 1s linear infinite}@keyframes payment-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1rem;color:var(--muted-foreground);text-align:center;width:100%}.payment-loading p{font-size:.9rem;margin:0}.payment-qrcode-img{display:block;border-radius:.4rem;background:#fff}.payment-qrcode-desc{margin:.3rem 0 0;font-size:.68rem;color:#94a3b8}.payment-success-card{flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:2rem 1.5rem}.payment-success-icon{color:#16a34a}.payment-success-title{font-size:1.25rem;font-weight:700;color:#16a34a;margin:0}.payment-success-amount{font-size:1.6rem;font-weight:800;color:var(--primary);margin:0}.payment-success-hint{font-size:.85rem;color:var(--muted-foreground);margin:0 0 .5rem}.payment-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border:1px solid var(--border);border-radius:.5rem;background:#fff;color:var(--foreground);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.payment-btn:hover{background:var(--accent)}.payment-btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.payment-btn-primary:hover:not(:disabled){opacity:.9}@media (max-width: 640px){.payment-confirm-page{padding:.85rem .75rem 1.25rem}.payment-card{flex-direction:column;gap:1rem;padding:1.15rem}.payment-card-right{border-left:none;border-top:1px solid #f1f5f9;padding-left:0;padding-top:1rem;max-width:none;min-width:0;flex:none}.payment-methods-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-method-card:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - .25rem);justify-self:center}.payment-qrcode-box{padding:.65rem 1rem}.payment-submit-btn{min-width:100%}}.home-feed-skeleton{pointer-events:none}.home-feed-grid{position:relative}.home-feed-grid--refreshing{pointer-events:none}.home-feed-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:1rem;background:#ffffff8c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.visit-mode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;cursor:pointer}.home-feed-skeleton__image{margin-bottom:1rem;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc,#eef2f7 75%);background-size:200% 100%;animation:home-feed-shimmer 1.2s ease-in-out infinite}.home-feed-skeleton__content{min-height:132px}.home-feed-skeleton__line{height:14px;border-radius:999px;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc,#eef2f7 75%);background-size:200% 100%;animation:home-feed-shimmer 1.2s ease-in-out infinite}.home-feed-skeleton__line--title{width:100%}.home-feed-skeleton__line--short{width:45%;margin-top:8px}.home-feed-skeleton__button{height:44px;margin-top:auto;border-radius:.9rem;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc,#eef2f7 75%);background-size:200% 100%;animation:home-feed-shimmer 1.2s ease-in-out infinite}@keyframes home-feed-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-modal-loading,.route-loading-fallback{display:flex;align-items:center;justify-content:center;min-height:120px;padding:2rem;color:#64748b;font-size:.95rem}.detail-modal-loading{min-height:320px;background:#fff;border-radius:12px}.detail-content--refreshing{opacity:.92;transition:opacity .2s ease}@media (max-width: 900px){.messages-list .card.settings-card{padding:.75rem .85rem;margin-bottom:0}.messages-list .card.settings-card h3{font-size:.92rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.messages-list .card.settings-card h3~span{flex-shrink:0;white-space:nowrap}.messages-list .card.settings-card p{font-size:.82rem!important;margin-top:.35rem!important;line-height:1.4!important}}@media (max-width: 900px){.detail-hero-carousel{height:230px!important;margin-bottom:.5rem!important;border-radius:.6rem!important}.detail-heading{flex-direction:row!important;align-items:center!important;margin-bottom:.4rem!important;gap:.5rem!important;flex-wrap:nowrap!important}.detail-published{margin-bottom:0!important;flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.detail-info-sheet{border-radius:.6rem!important;border:none!important;background:transparent!important}.detail-info-item{padding:.3rem .6rem!important;gap:.25rem!important;border-bottom:none!important}.detail-info-item__label{font-size:.94rem!important}.detail-info-item__value{font-size:1.12rem!important}.detail-published{font-size:1rem!important}.detail-section{margin-top:.75rem!important;padding:.75rem!important;border-top:none!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:.75rem!important;box-shadow:0 1px 3px #0f172a0f!important}.detail-section__header{margin-bottom:.5rem!important}.detail-section__header{margin-bottom:.35rem!important}.detail-section__header h2{font-size:1.12rem!important}.detail-description-content{border:none!important;background:transparent!important;padding:.5rem .6rem!important;font-size:1.06rem!important;line-height:1.7!important}.detail-media-section{margin-top:.75rem!important}.main-content.detail-page{padding:0!important}.detail-page-card{margin:0!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important;padding:.75rem .85rem calc(4.5rem + var(--safe-bottom))!important}}.detail-bottom-bar{display:none}@media (max-width: 900px){.detail-bottom-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1150;padding:.75rem 1rem calc(.75rem + var(--safe-bottom));background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(226,232,240,.8);box-shadow:0 -4px 16px #0f172a0f}.detail-bottom-bar__btn{flex:1;font-size:1rem;font-weight:600;padding:.8rem 1rem;border-radius:.75rem}}@media (max-width: 900px){.detail-page-card .detail-inline-action,.detail-page-card .detail-section:has(.detail-contact-lock){display:none!important}}@media (max-width: 900px){.main-content:has(.home-feed-grid){padding-left:.15rem!important;padding-right:.15rem!important}.main-content:has(.home-feed-grid) .card-grid{gap:.3rem}}@media (max-width: 900px){.feed-card .card-title{font-size:1rem!important;margin-bottom:.2rem!important}.feed-card .guaranteed-meta{font-size:.75rem!important}.feed-card .guaranteed-action-btn,.feed-card .feed-card__action{display:flex;align-items:center;justify-content:center;font-size:.88rem!important;font-weight:500!important;padding:.3rem 0!important}.feed-card .guaranteed-rate-value{font-size:13px!important}.feed-card .guaranteed-rate-label{font-size:9px!important}.feed-card .card-update-time{font-size:.72rem!important}}@media (max-width: 900px){.publish-form{backdrop-filter:none;-webkit-backdrop-filter:none}.publish-actions{position:fixed;left:0;right:0;bottom:0;z-index:1150;display:flex;justify-content:stretch;gap:.75rem;padding:.75rem 1rem calc(.75rem + var(--safe-bottom));border-top:1px solid rgba(226,232,240,.8);background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -4px 16px #0f172a0f}.publish-actions .publish-submit-btn{flex:1;width:100%;font-size:1rem;font-weight:600;padding:.85rem 1rem;border-radius:.75rem}.edit-post-container{padding:0 .25rem calc(5rem + var(--safe-bottom)) .25rem!important}.edit-post-container .settings-card{margin-bottom:.5rem}.edit-post-container .settings-card:first-child{margin-top:.75rem}.create-post-container{padding:0 .25rem calc(5rem + var(--safe-bottom)) .25rem!important}.create-post-container .settings-card{margin-bottom:.5rem}.create-post-container .settings-card:first-child{margin-top:.75rem}.create-post-container .app-page-header,.edit-post-container .app-page-header{margin-left:-.25rem;margin-right:-.25rem;padding-left:.6rem;padding-right:.6rem}.messages-container{padding:.75rem .25rem calc(5rem + var(--safe-bottom)) .25rem!important}.user-transactions{padding-left:0!important;padding-right:0!important}.user-transactions .user-center-posts{gap:.5rem}}.about-link-container{padding:.75rem .25rem 1rem!important}.about-link-list{display:flex;flex-direction:column;gap:.75rem}.about-link-item{display:flex;align-items:center;gap:.85rem;width:100%;padding:.9rem 1rem;background:#fff;border:1px solid #eef1f6;border-radius:.8rem;cursor:pointer;color:#1e293b;font-size:.95rem;font-weight:600;text-align:left;transition:background .15s}.about-link-item:hover{background:#f8fafc}.about-link-item__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.6rem;flex-shrink:0}.about-link-item__label{flex:1}@media (max-width: 900px){.about-link-item{font-size:1.06rem!important;height:71px}.about-link-item__label{font-size:1.06rem!important}.about-link-page .site-footer__copyright,.about-link-page .site-footer__registration,.about-link-page .site-footer__registration a{font-size:.9rem!important}}@media (max-width: 900px){.about-link-container{padding:.75rem .25rem 1rem!important}}.about-link-page{min-height:100dvh;display:flex;flex-direction:column}.about-link-page .site-footer{margin-top:auto}.about-link-container{width:100%;align-self:stretch}@media (max-width: 900px){.partners-container{padding-left:.25rem!important;padding-right:.25rem!important}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.6rem!important;margin-top:.75rem!important}.partner-card{padding:.9rem .5rem!important;gap:.5rem!important;border-radius:.7rem!important}.partner-card__logo{width:52px!important;height:52px!important}.partner-card__name{font-size:.78rem!important}}@media (max-width: 900px){.mobile-settings-menu button,.mobile-settings-menu button div[style*="fontWeight: 600"],.mobile-settings-menu button div[style*="font-weight: 600"]{font-size:1.02rem!important}.mobile-settings-menu button>span:first-child{width:38px!important;height:38px!important}.mobile-settings-menu button svg{width:20px!important;height:20px!important}.mobile-settings-menu button span[style*="font-size: 1.25rem"]{font-size:1.5rem!important}}@media (max-width: 900px){.create-post-container .detail-info-item__label{font-size:1.04rem!important}.create-post-container .detail-info-item__value input,.create-post-container .detail-info-item__value select,.create-post-container .detail-info-item__value textarea{font-size:1.1rem!important}.create-post-container .detail-info-item__value input::placeholder,.create-post-container .detail-info-item__value textarea::placeholder{font-size:1.1rem!important}}@media (max-width: 900px){.messages-container *[style*="font-size: 1rem"],.messages-container .messages-list .card.settings-card h3{font-size:1.06rem!important}.messages-container *[style*="font-size: 0.9rem"]{font-size:.96rem!important}.messages-container *[style*="font-size: 0.85rem"]{font-size:.9rem!important}.messages-container *[style*="font-size: 0.75rem"]{font-size:.8rem!important}.messages-container .messages-list .card.settings-card p{font-size:.88rem!important}}@media (max-width: 900px){.user-center-page *[style*="font-size: 0.92rem"]{font-size:1.24rem!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-center-page *[style*="font-size: 0.7rem"]{font-size:.96rem!important}.user-center-page *[style*="font-size: 0.72rem"]{font-size:.98rem!important}.user-center-page *[style*="font-size: 0.78rem"]{font-size:.9rem!important}.user-center-page article.card{height:136px;overflow:hidden}}@media (max-width: 900px){.site-modal label{font-size:.98rem!important}.site-modal input,.site-modal textarea{font-size:1.05rem!important}.site-modal h3{font-size:1.15rem!important}.site-modal button{font-size:1.05rem!important}}.membership-expand-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:expand-overlay-in .2s ease}@keyframes expand-overlay-in{0%{opacity:0}to{opacity:1}}.membership-expand-card{position:relative;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1.5rem 1.5rem;background:#fff;border-radius:1.25rem;box-shadow:0 24px 64px #0f172a4d;animation:expand-card-in .25s ease}@keyframes expand-card-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.membership-expand-close{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:#f1f5f9;color:#475569;cursor:pointer}.membership-expand-close:hover{background:#e2e8f0}@media (max-width: 900px){.membership-expand-card{padding:1.75rem 1.25rem 1.25rem}.membership-expand-card .membership-card-name{font-size:1.4rem!important}.membership-expand-card .membership-card-name-en{font-size:.95rem!important;margin-bottom:.5rem!important}.membership-expand-card .membership-card-price .price-current{font-size:2rem!important}.membership-expand-card .membership-card-price .price-period,.membership-page--subscribe .membership-card-price .price-period{font-size:.85rem!important}.membership-expand-card .membership-card-benefits li{font-size:1.05rem!important;gap:.5rem!important;margin:.25rem 0!important}.membership-expand-card .membership-card-benefits li svg{width:18px!important;height:18px!important}.membership-expand-card .membership-card-btn{font-size:1.1rem!important;padding:.75rem 1.5rem!important;margin-top:.5rem!important}}.invite-landing-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(160deg,#f8fafc,#eef2ff)}.invite-landing-card{width:100%;max-width:420px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:2.5rem 2rem 2rem;box-shadow:0 16px 40px #0f172a14;text-align:center}.invite-landing-header{margin-bottom:1.5rem}.invite-landing-icon{color:#6366f1;margin-bottom:.75rem}.invite-landing-header h1{margin:0 0 .5rem;font-size:1.4rem;font-weight:700;color:#1e293b}.invite-landing-subtitle{margin:0;font-size:.95rem;color:#64748b;line-height:1.6}.invite-landing-code{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;margin-bottom:1.75rem;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:999px;font-size:.9rem;color:#475569}.invite-landing-code strong{color:#6366f1;font-size:1rem;letter-spacing:.05em}.invite-landing-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.invite-landing-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.invite-landing-btn:hover{opacity:.92;transform:translateY(-1px)}.invite-landing-btn--app{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.invite-landing-btn--web{background:#fff;color:#334155;border:1px solid #cbd5e1}.invite-landing-tip{margin:0;font-size:.8rem;color:#94a3b8}@media (max-width: 900px){body{background:linear-gradient(160deg,#f8fafc,#eef2ff)}.invite-landing-page{position:relative;width:100vw;min-height:100dvh;overflow-x:hidden;padding:.5rem .75rem;background:linear-gradient(160deg,#f8fafc,#eef2ff)}.invite-landing-page:before{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:url(/invite-landing-logo.jpg) center / cover no-repeat;transform:scale(.96);pointer-events:none}.invite-landing-card{position:relative;z-index:1;max-width:88%;padding:3.5rem 1.75rem 2.5rem;border-radius:1.5rem;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 16px 40px #0f172a1f}.invite-landing-header{margin-bottom:2.25rem}.invite-landing-icon{width:64px!important;height:64px!important;margin-bottom:1rem}.invite-landing-header h1{font-size:1.75rem!important;margin-bottom:.75rem}.invite-landing-subtitle{font-size:1.05rem!important;line-height:1.7}.invite-landing-code{padding:.7rem 1.25rem;margin-bottom:2.25rem;font-size:1rem}.invite-landing-code strong{font-size:1.1rem}.invite-landing-actions{gap:1rem;margin-bottom:1.75rem}.invite-landing-btn{padding:1.1rem 1rem;font-size:1.1rem;border-radius:.9rem}.invite-landing-btn svg{width:24px!important;height:24px!important}.invite-landing-tip{font-size:.9rem}}.invite-entry-breathing{animation:inviteBreath 2s ease-in-out infinite}@keyframes inviteBreath{0%,to{box-shadow:0 0 #22c55e59;border-color:#86efac}50%{box-shadow:0 0 0 6px #22c55e1f;border-color:#4ade80}}@media (max-width: 900px){.free-view-entry-card{padding:16px!important;font-size:15px!important}.free-view-entry-card>div:first-child{width:36px!important;height:36px!important}.free-view-entry-card>div:first-child svg{width:20px!important;height:20px!important}.free-view-entry-card>button{padding:8px 18px!important;font-size:14px!important}.invite-entry-breathing{padding:20px 16px!important}.free-view-solutions-box{min-height:340px}}