*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif}body{background:#f3f4f6;color:#1f2937}button,input{font:inherit}a{text-decoration:none;color:inherit}.hidden{display:none!important}.muted{color:#8a8f99}.small{font-size:13px}.red{color:#e53935}.grow{flex:1}.text-link{color:#5965c7;font-size:14px}.primary-btn,.secondary-btn{border:0;border-radius:12px;padding:14px 18px;font-weight:600;cursor:pointer}.primary-btn{background:#35408f;color:white;display:inline-flex;align-items:center;justify-content:center}.secondary-btn{background:#eef0f7;color:#38406d}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.alert{padding:10px 12px;border-radius:10px;margin:12px 0;font-size:14px}.alert.danger{background:#fff1f2;color:#be123c}

.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#eef1ff,#f7f7f8)}.login-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 50px rgba(22,28,45,.12)}.login-card h1{font-size:24px;margin:10px 0 4px;text-align:center}.login-card p{text-align:center}.login-logo{width:64px;height:64px;border-radius:20px;background:#36408e;color:#fff;margin:0 auto;display:grid;place-items:center;font-size:30px}.login-card label{display:block;font-size:14px;margin:16px 0 7px}.login-card input{width:100%;padding:14px;border:1px solid #e2e5eb;border-radius:12px;outline:none;background:#fafafa}.login-card input:focus{border-color:#727cdb;background:white}.login-card .primary-btn{width:100%;margin-top:20px}

.app-body{padding-bottom:84px}.phone-page{max-width:680px;margin:0 auto;padding:18px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.brand{font-size:24px;font-weight:700}.notice-card{background:linear-gradient(135deg,#dff2ed,#cfe1ef);border:1px solid rgba(40,81,88,.2);border-radius:18px;padding:16px;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.05)}.notice-title{font-size:24px;color:#a21414;font-weight:800;letter-spacing:1px}.notice-sub{margin-top:9px;color:#a21414;font-weight:700}.notice-purple{color:#6f288f;font-weight:700;margin-top:8px}.notice-pill{background:rgba(255,255,255,.55);border-radius:999px;padding:9px 14px;margin:14px auto 8px;max-width:90%;font-size:17px;color:#446c7d}.notice-foot{font-weight:700;color:#6f288f;font-size:14px}.service-card{background:#fff;border-radius:18px;padding:18px;margin-top:16px;box-shadow:0 6px 18px rgba(0,0,0,.045)}.section-title{font-size:18px;font-weight:700;margin-bottom:12px}.info-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #f0f1f3}.info-row span{color:#6b7280}.info-row strong{text-align:right;word-break:break-all}.button-row{display:flex;gap:10px;margin-top:16px}.warning-text{color:#9d2020;font-size:13px;line-height:1.6;margin:14px 0 0}.record-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f1f3}.record-row:last-child{border-bottom:0}.record-phone{font-size:17px}.record-action{color:#35408f;font-size:14px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:72px;background:rgba(255,255,255,.96);border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;align-items:center;font-size:13px;color:#777;backdrop-filter:blur(12px)}.bottom-nav span{display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav .active{color:#252f7f;font-weight:700}

.dialer-body,.receiver-body{min-height:100vh;background:#111;color:#fff;overflow:hidden}.ios-call-shell,.receiver-shell{min-height:100vh;max-width:540px;margin:0 auto;background:radial-gradient(circle at top,#292929 0,#121212 58%,#070707 100%);position:relative;padding:calc(18px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom))}.dialer-top{display:flex;justify-content:space-between;align-items:center;min-height:42px}.back-link{font-size:17px;color:#fff;opacity:.92}.secure-tip{font-size:12px;color:#ffb3b3}.dial-view{display:flex;flex-direction:column;align-items:center;padding-top:16px}.dial-label{font-size:15px;color:#aaa;margin-top:8px}.dial-number{font-size:44px;letter-spacing:8px;min-height:62px;display:flex;align-items:center;justify-content:center;margin-top:10px}.dial-hint{font-size:14px;color:#9ca3af;margin-bottom:20px}.keypad{display:grid;grid-template-columns:repeat(3,82px);gap:18px 24px;justify-content:center}.key{width:82px;height:82px;border-radius:50%;border:0;background:#2b2b2d;color:#fff;font-size:34px;display:grid;place-items:center;cursor:pointer;transition:transform .08s,background .08s}.key:active{transform:scale(.95);background:#3c3c3f}.call-circle,.hangup-circle,.accept-circle,.decline-circle{border:0;border-radius:50%;display:grid;place-items:center;color:white;cursor:pointer}.call-circle{width:78px;height:78px;background:#34c759;font-size:31px;margin-top:22px}.delete-key{margin-top:10px;border:0;background:transparent;color:#aaa;font-size:24px}.calling-view,.active-view{min-height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;padding-top:66px}.call-avatar{width:92px;height:92px;border-radius:50%;background:#434343;display:grid;place-items:center;font-size:34px;color:#ddd}.call-name{font-size:30px;font-weight:600;margin-top:22px}.call-state{font-size:16px;color:#c7c7cc;margin-top:8px;min-height:22px}.call-number-sub{color:#888;font-size:14px;margin-top:6px}.call-actions-grid{display:grid;grid-template-columns:repeat(3,84px);gap:26px;margin-top:90px}.round-action{width:84px;height:84px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:14px;cursor:pointer}.round-action.active{background:#fff;color:#111}.round-action.disabled{opacity:.4}.hangup-circle{width:76px;height:76px;background:#ff3b30;font-size:28px;margin-top:64px}

.receiver-shell{display:flex;align-items:stretch;justify-content:center}.receiver-idle{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.receiver-time{font-size:62px;font-weight:300;letter-spacing:-2px}.receiver-title{font-size:25px;font-weight:600;margin-top:18px}.receiver-sub{color:#9ca3af;margin-top:8px}.receiver-enable{margin-top:30px;background:#34c759;min-width:180px}.receiver-status{margin-top:14px;font-size:13px;color:#a6a6a6}.receiver-logout{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));font-size:14px;color:#aaa}.incoming-view{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:84px;text-align:center}.incoming-label{font-size:16px;color:#bbb}.incoming-number{font-size:34px;font-weight:500;margin-top:12px;letter-spacing:1px}.incoming-sub{color:#aaa;margin-top:8px}.incoming-spacer{flex:1;min-height:240px}.incoming-actions{width:100%;display:flex;justify-content:space-around;padding:0 18px 28px}.incoming-actions>div{display:flex;flex-direction:column;align-items:center;gap:10px}.accept-circle,.decline-circle{width:74px;height:74px;font-size:28px}.accept-circle{background:#34c759}.decline-circle{background:#ff3b30}.active-view{width:100%}.active-number{font-size:30px;margin-top:24px}.receiver-grid{margin-top:105px}

@media (max-width:420px){.notice-title{font-size:20px}.notice-sub{font-size:14px}.notice-purple{font-size:14px}.button-row{flex-direction:column}.keypad{grid-template-columns:repeat(3,74px);gap:14px 22px}.key{width:74px;height:74px}.call-actions-grid{grid-template-columns:repeat(3,76px);gap:20px}.round-action{width:76px;height:76px}.dial-number{font-size:40px}.receiver-time{font-size:54px}}