*{box-sizing:border-box;margin:0;padding:0}:root{--text: #f6f7fb;--text-dim: rgba(246, 247, 251, .68);--text-faint: rgba(246, 247, 251, .45);--accent: #ffb26b;--accent-strong: #ff9d5c;--accent-soft: rgba(255, 178, 107, .16);--teal: #7fd1c8;--glass-bg: linear-gradient(155deg, rgba(30, 34, 46, .55), rgba(16, 18, 26, .42));--glass-border: rgba(255, 255, 255, .14);--glass-shadow: 0 18px 40px rgba(8, 10, 16, .35);--radius: 18px}html,body,#root{min-height:100%}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:var(--text);background:#14161d;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 30%;transform:scale(1.02)}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#0a0c1294,#0a0c1238 45%,#0a0c1285)}.petals{position:absolute;top:0;right:0;bottom:0;left:0}.petal{position:absolute;top:-6vh;display:block;background:radial-gradient(circle at 30% 30%,#ffe2d2,#ff9f95);border-radius:62% 38% 55% 45%/60% 55% 45% 40%;opacity:0;animation-name:petal-fall;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes petal-fall{0%{transform:translate3d(0,-8vh,0) rotate(0);opacity:0}10%{opacity:.75}to{transform:translate3d(7vw,112vh,0) rotate(340deg);opacity:.15}}.page{min-height:100vh;display:flex;flex-direction:column;position:relative}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow),inset 0 1px #ffffff14;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.site-header{position:relative;z-index:5;display:flex;justify-content:center;padding:20px 28px 0}.notice-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:#0c0e1473;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12.5px;color:var(--text-dim)}.header-actions{position:absolute;right:28px;top:20px;display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:12px;border:1px solid transparent;font-size:14px;cursor:pointer;transition:all .18s ease;white-space:nowrap;background:transparent;color:var(--text)}.btn-sm{padding:7px 14px;font-size:13px;border-radius:10px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#2a1a0c;font-weight:600;box-shadow:0 8px 20px #ff9d5c47}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ff9d5c61}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:#0c0e146b;border-color:#ffffff29;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff47}.btn-block{width:100%}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0}.link-button:hover{text-decoration:underline}.avatar{border-radius:50%;object-fit:cover;display:block}.avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffb26b,#ff8f6b);color:#33200f;font-weight:700}.home-main{flex:1;width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(420px,1.08fr);gap:56px;align-items:center;padding:60px 40px 44px}.home-left{display:flex;flex-direction:column;gap:26px}.home-right{display:flex;flex-direction:column;gap:22px}.cards-row{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:stretch}.brand{display:flex;align-items:center;gap:16px}.brand-logo{width:62px;height:62px;border-radius:50%;border:2px solid rgba(255,255,255,.35);box-shadow:0 10px 26px #00000059;object-fit:cover}.brand-text{display:flex;flex-direction:column;gap:3px}.brand-name{font-size:34px;font-weight:700;letter-spacing:.5px;line-height:1.1}.brand-subtitle{font-size:13px;color:var(--text-dim);letter-spacing:3px}.profile-card{padding:30px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.profile-avatar{border:3px solid rgba(255,255,255,.28);box-shadow:0 12px 30px #0006}.profile-name{font-size:24px;font-weight:650}.profile-signature{font-size:14px;color:var(--text-dim)}.profile-bio{font-size:13px;color:var(--text-faint);line-height:1.8;max-width:32em}.social-row{display:flex;gap:12px;margin-top:6px}.social-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:var(--text-dim);transition:all .18s ease}.social-icon:hover{color:#2a1a0c;background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.quote-card{padding:26px 30px;position:relative;display:flex;flex-direction:column;gap:12px}.quote-label{font-size:12.5px;letter-spacing:1px;color:var(--accent);font-style:italic}.quote-text{font-size:16.5px;line-height:1.95;padding:0 20px}.quote-mark{position:absolute;font-size:42px;color:#ffffff2e;font-family:Georgia,Times New Roman,serif;line-height:1}.quote-mark-open{top:34px;left:14px}.quote-mark-close{bottom:6px;right:18px}.quote-footer{align-self:flex-end;font-size:12.5px;color:var(--text-dim)}.clock-card{padding:26px 28px;display:flex;flex-direction:column;gap:14px;justify-content:center}.card-label{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim)}.clock-time{font-size:clamp(2rem,3.4vw,2.6rem);font-weight:300;letter-spacing:3px;font-variant-numeric:tabular-nums;text-shadow:0 4px 18px rgba(0,0,0,.4)}.clock-meta{font-size:12px;color:var(--text-faint)}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.link-card{display:flex;align-items:center;gap:13px;padding:16px 18px;transition:all .18s ease}.link-card:hover{transform:translateY(-3px);border-color:#ffb26b8c;background:linear-gradient(155deg,#302a269e,#18161a80);box-shadow:0 20px 40px #080a1073}.link-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.link-text{display:flex;flex-direction:column;gap:3px;min-width:0}.link-title{font-size:14.5px;font-weight:600}.link-desc{font-size:12px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placeholder-card{padding:26px;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--text-dim);font-size:14px;text-align:center}.placeholder-card.error{border-color:#ff787866}.site-footer{display:flex;justify-content:center;align-items:center;gap:10px;padding:22px;font-size:12.5px;color:var(--text-faint)}.footer-sep{opacity:.6}.auth-page{align-items:center;justify-content:center;gap:22px;padding:40px 20px}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand img{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.auth-brand .brand-name{font-size:24px}.auth-card{width:min(430px,100%);padding:34px 32px;display:flex;flex-direction:column;gap:16px}.auth-card h1{font-size:24px;font-weight:650}.auth-subtitle{font-size:13px;color:var(--text-dim);margin-top:-8px}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:12.5px;color:var(--text-dim)}.field-input{display:flex;align-items:center;gap:9px;padding:0 13px;border-radius:12px;background:#0a0c1273;border:1px solid rgba(255,255,255,.14);color:var(--text-faint);transition:border-color .18s ease}.field-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ffb26b29}.field-input input{flex:1;background:none;border:none;outline:none;color:var(--text);padding:11px 0;font-size:14px}.field-input input::placeholder{color:#f6f7fb57}textarea{background:#0a0c1273;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:var(--text);padding:11px 13px;font-size:14px;outline:none;resize:vertical;line-height:1.7}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffb26b29}.form-error{font-size:13px;color:#ff9d9d;background:#ff5a5a1a;border:1px solid rgba(255,90,90,.3);border-radius:10px;padding:9px 13px}.auth-links{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-dim)}.auth-links a{color:var(--accent)}.auth-links a:hover{text-decoration:underline}.auth-back{font-size:13px;color:var(--text-dim)}.auth-back:hover{color:var(--text)}.center-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:36px 32px 56px;display:flex;flex-direction:column;gap:22px}.center-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.center-head h1{font-size:26px}.center-body{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:start}.center-side{padding:26px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.center-side h2{font-size:19px}.center-username{font-size:13px;color:var(--text-faint);margin-bottom:4px}.avatar-actions{width:100%;margin-top:4px}.upload-btn{display:flex;width:100%;cursor:pointer}.center-tip{font-size:11.5px;color:var(--text-faint);line-height:1.6;margin-bottom:8px}.center-panel{padding:22px 26px 26px;display:flex;flex-direction:column;gap:18px;min-height:480px}.tabs{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:14px;flex-wrap:wrap}.tab{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:13.5px;cursor:pointer;transition:all .16s ease}.tab:hover{color:var(--text);background:#ffffff12}.tab.active{color:#2a1a0c;background:linear-gradient(135deg,var(--accent),var(--accent-strong));font-weight:600}.tab-panel{display:flex;flex-direction:column;gap:15px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-footer{display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;margin-top:auto}.editor-block{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px dashed rgba(255,255,255,.16);border-radius:14px;background:#0a0c123d}.editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.editor-head h3{font-size:15px}.editor-hint{font-size:12px;color:var(--text-faint);margin-top:3px}.editor-empty{font-size:13px;color:var(--text-faint);text-align:center;padding:10px}.link-editor-row{display:flex;align-items:center;gap:12px}.link-editor-fields{flex:1;display:flex;flex-direction:column;gap:9px;min-width:0}.link-editor-fields input{width:100%;background:#0a0c1273;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:var(--text);padding:9px 12px;font-size:13.5px;outline:none}.link-editor-fields input:focus{border-color:var(--accent)}select{background:#0a0c1273;border:1px solid rgba(255,255,255,.14);color:var(--text);border-radius:10px;padding:9px 12px;font-size:13.5px;outline:none}select option{background:#1c1f29;color:var(--text)}.icon-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--text-dim);cursor:pointer;transition:all .16s ease;flex-shrink:0}.icon-btn:hover{color:var(--text)}.icon-btn.danger:hover{color:#ff9d9d;border-color:#ff5a5a73;background:#ff5a5a1f}.toast-host{position:fixed;top:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:100}.toast{padding:11px 20px;border-radius:12px;font-size:13.5px;background:#10121ae0;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 30px #00000059;animation:toast-in .22s ease}.toast-success{border-color:#7fd1c880;color:#b9f0e8}.toast-error{border-color:#ff787880;color:#ffc4c4}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (max-width: 960px){.home-main{grid-template-columns:1fr;gap:30px;padding:48px 22px 36px}.cards-row{grid-template-columns:1fr}.link-grid{grid-template-columns:repeat(2,1fr)}.center-body{grid-template-columns:1fr}.site-header{flex-direction:column;align-items:center;gap:12px}.header-actions{position:static}}@media (max-width: 560px){.site-header{padding:16px 16px 0}.link-grid,.row-2{grid-template-columns:1fr}.brand-name{font-size:26px}.center-main{padding:28px 16px 44px}.site-footer{flex-wrap:wrap;text-align:center}}