.app-shell{background:linear-gradient(160deg,#f0eae4,#e5ddd6);flex-direction:column;align-items:center;min-height:100vh;display:flex}.app-shell.embed-mode{background:var(--canvas,#f9f6f2);align-items:stretch;height:100vh;min-height:0;overflow:hidden}.embed-mode,.embed-mode *{scrollbar-width:none}.embed-mode ::-webkit-scrollbar{display:none}.embed-mode .scroll-content,.embed-mode .h-scroll,.embed-mode .cat-scroll{overflow-x:hidden!important}.role-nav{z-index:999;box-sizing:border-box;background:#fff;border-bottom:1px solid #e8ddd5;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000f}.brand{font-family:var(--font-serif);color:var(--primary);font-size:15px;font-weight:700}.role-tabs{gap:4px;display:flex}.role-tabs button{color:#888;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);background:0 0;border:1.5px solid #ddd;border-radius:999px;padding:5px 14px;transition:all .15s}.role-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.phone-wrap{margin:24px auto 40px}.embed-wrap{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.embed-outer{background:var(--canvas,#f9f6f2);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.notch{z-index:50;background:#1a1a2e;border-radius:0 0 18px 18px;width:120px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.slide-enter-active,.slide-leave-active{transition:all .25s cubic-bezier(.4,0,.2,1)}.slide-enter-from{opacity:.8;transform:translate(100%)}.slide-leave-to{opacity:0;transform:translate(-30%)}.g-toast{color:#fff;z-index:9999;white-space:nowrap;background:#1a1a2eeb;border-radius:999px;padding:10px 20px;font-size:13px;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast-enter-active,.toast-leave-active{transition:all .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%)translateY(12px)}:root{--primary:#b94a3e;--primary-bg:#fdf0ee;--secondary:#2c4a6e;--secondary-bg:#eef4ff;--secondary-light:#4a7099;--accent:#c9a96e;--accent-bg:#fdf6ec;--success:#5b8c5a;--success-bg:#eef7ee;--warning:#e08c3a;--warning-bg:#fef6ee;--error:#d94f4f;--error-bg:#fef0f0;--ink-900:#1a1a2e;--ink-700:#2d2d44;--ink-500:#5a5a72;--ink-400:#7a7a90;--ink-300:#9e9eaf;--ink-200:#c4c4d0;--ink-100:#e0e0e8;--ink-50:#f4f4f8;--canvas:#f9f6f2;--white:#fff;--grad-brand:linear-gradient(135deg, #b94a3e 0%, #d4734a 100%);--grad-gold:linear-gradient(135deg, #c9a96e 0%, #e8c880 100%);--grad-calm:linear-gradient(135deg, #2c4a6e 0%, #4a7099 100%);--font-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif:"Noto Serif SC", "STSong", serif;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--shadow-1:0 1px 3px #1a1a2e14;--shadow-2:0 4px 12px #1a1a2e1a;--shadow-3:0 8px 24px #1a1a2e24;--shadow-card:0 2px 8px #1a1a2e0f}.status-bar{flex-shrink:0;height:44px}.top-nav{padding:0 var(--sp-md);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;display:flex}.top-nav h1{font-family:var(--font-serif);color:var(--ink-900);font-size:18px;font-weight:700}.top-nav .back{color:var(--ink-500);cursor:pointer;font-size:16px}.scroll-content{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.scroll-content::-webkit-scrollbar{display:none}.tab-bar{background:var(--white);border-top:1px solid var(--ink-100);flex-shrink:0;justify-content:space-around;align-items:center;padding:8px 0 24px;display:flex}.tab-bar .tab-item{color:var(--ink-300);cursor:pointer;flex-direction:column;align-items:center;gap:2px;min-width:52px;font-size:10px;transition:color .2s;display:flex}.tab-bar .tab-item i{font-size:18px}.tab-bar .tab-item.active{color:var(--primary);font-weight:700}.section-header{padding:0 var(--sp-md);margin-bottom:var(--sp-sm);justify-content:space-between;align-items:center;display:flex}.section-header h2{font-family:var(--font-serif);color:var(--ink-900);font-size:17px;font-weight:700}.section-header .more{color:var(--ink-300);cursor:pointer;font-size:12px}.btn-primary{background:var(--grad-brand);color:var(--white);border-radius:var(--r-md);cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-sans);text-align:center;border:none;width:100%;padding:14px 24px;transition:transform .15s;display:block;box-shadow:0 4px 12px #b94a3e4d}.btn-secondary{background:var(--white);color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--r-md);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);padding:12px 20px;transition:background .15s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-in{animation:.5s both fadeInUp}.anim-in-delay{animation:.5s .15s both fadeInUp}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);min-height:100vh;color:var(--ink-900);-webkit-font-smoothing:antialiased;background:#ede8e3}.btn-primary{background:var(--grad-brand);color:var(--white);border-radius:var(--r-md);cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-sans);border:none;width:100%;padding:14px 24px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #b94a3e4d}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--white);color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--r-md);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);width:100%;padding:12px 20px;transition:background .15s}.btn-secondary:hover{background:var(--primary-bg)}.tag{border-radius:var(--r-sm);padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.tag-primary{background:var(--primary-bg);color:var(--primary)}.tag-success{background:var(--success-bg);color:var(--success)}.tag-warning{background:var(--warning-bg);color:var(--warning)}.tag-accent{background:var(--accent-bg);color:var(--accent)}.tag-secondary{background:var(--secondary-bg);color:var(--secondary)}.phone-outer{background:var(--canvas);border:4px solid #1a1a2e;border-radius:44px;flex-direction:column;width:375px;height:812px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000038,0 8px 20px #0000001a}.card{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}