.topbar,.user-state{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-state{flex-wrap:wrap;justify-content:flex-end;font-size:14px}.user-state form{margin:0}.user-state a,.user-state button{color:white;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.5);padding:7px 12px;border-radius:8px;font:inherit;text-decoration:none;cursor:pointer}.card{display:block;text-decoration:none;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 14px #17324d18}.card:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #f6a824;outline-offset:3px}.back-link{display:inline-block;margin-top:20px;color:#0b3558}.empty-state,.login-form{margin:20px 0;padding:28px;background:#fff;border:1px solid #dce6ed;border-radius:14px}.empty-state a{color:#087f98}.login-form{display:grid;gap:18px;max-width:400px;margin:24px auto}.login-form label{display:grid;gap:8px}.login-form input,.login-form button{padding:12px;border:1px solid #b9cbd8;border-radius:8px;font:inherit}.login-form button{background:#0b3558;color:#fff;cursor:pointer}.error{color:#a21d26;margin:0}@media(max-width:480px){.topbar{align-items:flex-start}.topbar small{font-size:10px}.user-state{font-size:12px;gap:6px}}

body.app-page{margin:0;background:#f4f6f8;color:#172c3f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.app-page *{box-sizing:border-box}.app-page a{color:inherit}.app-header{margin:0;padding:env(safe-area-inset-top,0) 0 0;border-radius:0;background:#02121d;color:#fff}.app-header-inner{max-width:1120px;min-height:64px;margin:auto;padding:8px max(16px,env(safe-area-inset-right,0)) 8px max(16px,env(safe-area-inset-left,0));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}.app-brands{display:inline-flex;align-items:flex-end;gap:14px;min-height:44px;text-decoration:none}.app-osram-logo{display:block;width:132px;height:auto}.app-brand-notice{align-self:flex-end;width:420px;color:#c3ccd3;font-size:7px;line-height:1.4;letter-spacing:-.1px;white-space:nowrap}.app-user-state{margin-left:auto;color:#fff}.app-user-state>span:nth-child(2){color:#c3ccd3}.app-user-state a,.app-user-state button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 3px;border:0;border-radius:6px;background:transparent;color:#fff;font:inherit;text-decoration:none}.app-main{width:100%;max-width:1120px;margin:auto;padding:0 16px 92px}.app-title{margin:0 -16px;padding:28px 16px 30px;background:#081b2b;color:#fff}.app-title h1{margin:0 0 10px;font-size:clamp(25px,6.4vw,34px);line-height:1.4}.app-title p{margin:0;color:#e0e8ed;font-size:17px;line-height:1.6}.app-content{margin-top:20px}.app-page .back-link{margin-top:20px;color:#ff6900;text-decoration:none}.app-page .empty-state,.app-page .login-form{border-color:#e1e8ed;border-radius:16px;box-shadow:0 3px 14px #10283b05}.app-page .site-signature{margin-top:24px}.app-bottom-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px max(10px,env(safe-area-inset-right,0)) calc(7px + env(safe-area-inset-bottom,0)) max(10px,env(safe-area-inset-left,0));background:#081b2b;border-top:1px solid #233545}.app-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:50px;color:#e2e7ec;border-radius:8px;font-size:13px;line-height:1.4;text-decoration:none}.app-bottom-nav svg{width:24px;height:24px}.app-bottom-nav a[aria-current=page],.app-bottom-nav a:hover,.app-bottom-nav a:focus-visible{color:#ff6900}@media(max-width:599px){.app-brands{gap:10px}.app-osram-logo{width:100px}.app-brand-notice{width:260px;font-size:5px}.app-user-state{font-size:12px;gap:6px}}@media(min-width:600px){.app-main{padding-right:28px;padding-left:28px;padding-bottom:48px}.app-title{margin-right:-28px;margin-left:-28px;padding:42px 28px}.app-bottom-nav{position:static;max-width:1120px;margin:auto;padding:14px max(calc((100% - 700px)/2),28px)}}