:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#1f2329;background:#f5f7fa;font-synthesis:none;--blue:#1677ff;--line:#e5e8ed;--muted:#646a73}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#eef5ff 0,#f5f7fa 280px)}header{height:64px;padding:0 max(28px,calc((100vw - 1200px)/2));display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 4px #1f23290a}.brand,.profile,.workspace{display:flex;align-items:center}.brand{gap:11px;min-width:255px}.brand>span:last-child{display:grid;gap:1px}.brand b{font-size:17px;letter-spacing:-.02em}.brand small{font-size:10px;color:#8f959e;font-weight:400}.logo{width:32px;height:32px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:7px;border-radius:7px;background:linear-gradient(145deg,#258cff,#0b5bd3)}.logo i{display:block;width:3px;background:#fff;border-radius:2px}.logo i:nth-child(1){height:8px}.logo i:nth-child(2){height:14px}.logo i:nth-child(3){height:11px}.header-nav{height:100%;display:flex;align-items:center;gap:30px;margin-right:auto}.header-nav a{height:100%;display:grid;place-items:center;color:#4e5661;font-size:14px;position:relative}.header-nav a.active{color:var(--blue);font-weight:600}.header-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue)}.profile{gap:9px;padding:5px 7px 5px 5px;border:0;border-radius:7px;background:transparent;font-size:13px;cursor:pointer}.profile:hover{background:#f5f7fa}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e7f1ff;color:#1264cd;font-size:10px;font-weight:650}.profile svg{width:15px;fill:none;stroke:#8e959e;stroke-width:1.5}main{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:64px 0 88px;flex:1}.intro{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between}.eyebrow{display:block;margin-bottom:10px;color:var(--blue);font-size:12px;font-weight:600}.intro h1{margin:0;font-size:32px;line-height:1.25;letter-spacing:-.035em;font-weight:650}.intro p{margin:11px 0 0;color:var(--muted);font-size:14px}.intro-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dce4ee;border-radius:6px;background:#ffffffb3;color:#646a73;font-size:12px}.intro-badge span{width:7px;height:7px;border-radius:50%;background:#00a870;box-shadow:0 0 0 3px #dff6ed}.workspace-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.workspace{min-height:310px;padding:28px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;transition:.2s ease}.workspace:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:.2s}.workspace:hover,.workspace:focus-visible{border-color:#b8d6ff;box-shadow:0 12px 30px #134b8c1a;transform:translateY(-3px);outline:none}.workspace:hover:before{transform:scaleX(1)}.workspace-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:8px;color:#1677ff;background:#eaf3ff}.workspace:nth-child(2) .workspace-icon{color:#7b5cd6;background:#f1edff}.workspace:nth-child(3) .workspace-icon{color:#d46b08;background:#fff3e6}.workspace-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.workspace-copy{display:flex;flex:1;flex-direction:column;width:100%;margin-top:24px}.workspace-copy em{color:#8f959e;font-size:11px;font-style:normal}.workspace-copy strong{margin-top:8px;font-size:20px;font-weight:650;letter-spacing:-.02em}.workspace-copy small{margin-top:10px;color:#646a73;font-size:13px;line-height:1.7}.workspace-copy>span{display:flex;align-items:center;gap:3px;margin-top:auto;color:var(--blue);font-size:13px;font-weight:600}.workspace-copy>span svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s}.workspace:hover .workspace-copy>span svg{transform:translate(3px)}footer{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:22px 0;color:#969ba3;font-size:11px;border-top:1px solid #e2e5e9;display:flex;justify-content:space-between}@media(max-width:800px){.header-nav{display:none}.brand{margin-right:auto;min-width:0}.workspace-list{grid-template-columns:1fr}.workspace{min-height:230px}.intro{align-items:flex-start;gap:22px;flex-direction:column}.intro-badge{display:none}main{padding-top:44px}}@media(max-width:600px){header{height:60px;padding:0 18px}.profile>span:nth-child(2){display:none}main{width:calc(100% - 28px);padding:38px 0 60px}.intro h1{font-size:27px}.workspace{padding:23px}footer{width:calc(100% - 28px);flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.login-trigger{padding:9px 18px;border:0;border-radius:7px;color:#fff;background:#16684a;font-size:13px;cursor:pointer}.account-wrap{position:relative}.account-menu{position:absolute;top:44px;right:0;z-index:4;width:142px;padding:6px;background:#fff;border:1px solid #e4e9e6;border-radius:8px;box-shadow:0 12px 28px #18302318}.account-menu button{display:block;width:100%;padding:9px 10px;border:0;border-radius:5px;background:transparent;text-align:left;font-size:12px;cursor:pointer}.account-menu button:hover{background:#f4f7f5}.account-menu .danger{color:#b43b35}.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#13201a55}.auth-dialog{position:relative;width:min(390px,100%);padding:30px;background:#fff;border-radius:13px;box-shadow:0 20px 55px #10201630}.auth-dialog h2{margin:0;font-size:22px}.auth-dialog p{margin:9px 0 23px;color:#78827d;font-size:13px}.auth-dialog label{display:grid;gap:7px;margin:14px 0;color:#4c5851;font-size:12px}.auth-dialog input{height:42px;padding:0 11px;border:1px solid #dce3df;border-radius:7px;font:inherit}.auth-dialog input:focus{outline:2px solid #b9dfcf;border-color:#43886b}.auth-dialog .submit{width:100%;height:42px;margin-top:18px;border:0;border-radius:7px;color:#fff;background:#176b4a;font-weight:600;cursor:pointer}.auth-dialog .submit:disabled{opacity:.6}.switch-mode{display:block;margin:14px auto 0;border:0;background:none;color:#287756;font-size:12px;cursor:pointer}.close{position:absolute;top:12px;right:15px;border:0;background:none;color:#8d9791;font-size:23px;cursor:pointer}.auth-error{display:block;margin-top:11px;color:#b43b35;font-size:12px}.guest-actions{display:flex;gap:9px}.register-trigger{padding:9px 18px;border:1px solid #b9d6c8;border-radius:7px;background:#fff;color:#176b4a;font-size:13px;cursor:pointer}