:root{--ink:#222431;--muted:#85899a;--paper:#f5f7fb;--white:#fff;--line:#e7eaf1;--accent:#665cf6;--accent-dark:#4840cd;--peach:#ffddd2;--blue:#d9e8ff;--violet:#e7defd;--mint:#d8efe4}*{box-sizing:border-box}body{margin:0;background:#dfe4ef;color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif}.app{position:relative;width:min(100%,600px);min-height:100vh;margin:auto;padding:0 20px 106px;background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:18px;font-weight:760;text-decoration:none;letter-spacing:-.04em}.brand-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:linear-gradient(135deg,#756bff,#4f46e5);color:#fff;font-family:Georgia,serif;font-weight:800;box-shadow:0 6px 14px #5d52e644}.top-action,.text-button{border:0;background:transparent;color:var(--accent);font-size:13px;font-weight:700}.hero{position:relative;overflow:hidden;padding:24px 25px 22px;border-radius:26px;background:linear-gradient(140deg,#29254f 0%,#3b3786 55%,#6d67e7 100%);color:#fff;box-shadow:0 18px 40px #5550aa42}.hero:after{position:absolute;right:-38px;top:-54px;width:190px;height:190px;border:1px solid #fff4;border-radius:50%;box-shadow:0 0 0 35px #fff1,0 0 0 70px #fff1;content:""}.hero-label,.page-head span,.section-title span,.dialog-head span{display:block;color:#a9a7d8;font-size:10px;font-weight:750;letter-spacing:.14em}.hero h1{position:relative;z-index:1;margin:15px 0 12px;font-size:30px;line-height:1.15;letter-spacing:-.07em}.hero h1 em{color:#bfc2ff;font-family:Georgia,serif;font-weight:400}.hero p{position:relative;z-index:1;width:86%;margin:0;color:#e2e1f9;font-size:13px;line-height:1.75}.hero-add{position:relative;z-index:1;display:block;margin-top:16px;padding:9px 14px;border:0;border-radius:12px;background:#fff;color:#443dba;font-weight:800;font-size:13px}.folder-section,.recent-section{margin-top:31px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-title span{color:#9497ac}.section-title h2{margin:4px 0 0;font-size:20px;letter-spacing:-.06em}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.folder-card{position:relative;min-height:108px;padding:13px;border:0;border-radius:19px;text-align:left;color:var(--ink);overflow:hidden}.folder-card:after{position:absolute;right:-13px;bottom:-27px;color:#ffffff94;font-size:93px;content:"◒"}.folder-card.peach{background:var(--peach)}.folder-card.violet{background:var(--violet)}.folder-card.blue{background:var(--blue)}.folder-card.mint{background:var(--mint)}.folder-card.has-cover{background-size:cover;background-position:center;color:#fff}.folder-card.has-cover:before{position:absolute;inset:0;background:#1d214466;content:""}.folder-card.has-cover > *{color:#fff}.folder-card .folder-icon{font-size:19px}.folder-card strong{position:relative;z-index:1;display:block;margin-top:15px;font-size:13px;letter-spacing:-.04em}.folder-card small{position:relative;z-index:1;display:block;margin-top:5px;color:#616372;font-size:11px}.add-folder{display:grid;place-items:center;border:1px dashed #c7cad8;background:transparent;color:#70758a}.add-folder span{font-size:25px}.add-folder strong{margin:7px 0 0}.recent-list,.saved-list{display:grid;gap:10px}.save-card{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 5px 12px #25294b08}.save-thumb{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:var(--blue);font-size:22px;background-size:cover;background-position:center}.save-meta{min-width:0}.save-meta span{color:var(--accent);font-size:10px;font-weight:750}.save-meta h3{overflow:hidden;margin:4px 0;font-size:13px;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.025em}.save-meta p{overflow:hidden;margin:0;color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.open-link{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:#f0f1f8;color:var(--accent);text-decoration:none;font-size:17px}.card-actions{display:flex;gap:5px;align-items:center}.card-actions .open-link{width:29px;height:29px;font-size:15px}.delete-item{color:#c65a68!important;background:#fff0f1!important}.tabbar{position:fixed;z-index:3;bottom:0;left:50%;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;width:min(600px,100%);height:83px;padding:9px 38px 12px;border-top:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(17px);transform:translateX(-50%)}.tab{display:grid;gap:3px;place-items:center;border:0;background:transparent;color:#969aaa;font-size:10px}.tab i{font-style:normal;font-size:20px}.tab.active{color:var(--accent);font-weight:800}.main-add{justify-self:center;align-self:start;display:grid;place-items:center;width:58px;height:58px;margin-top:-34px;border:5px solid var(--paper);border-radius:19px;background:linear-gradient(135deg,#746aff,#554ce6);color:#fff;font-size:29px;line-height:1;box-shadow:0 9px 20px #5c52e25c}.main-add small{display:block;margin-top:-3px;font-size:10px;font-weight:700}.page-head{display:flex;gap:13px;align-items:center;padding:17px 0 23px}.page-head h1{margin:4px 0 0;font-size:29px;letter-spacing:-.07em}.back{width:37px;height:37px;border:0;border-radius:12px;background:#fff;color:var(--ink);font-size:32px;line-height:20px;box-shadow:0 4px 14px #2025400c}.add-intro{display:flex;gap:14px;align-items:center;margin-bottom:23px;padding:17px;border-radius:18px;background:#ecebff}.glow-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:14px;background:var(--accent);color:#fff;font-size:24px}.add-intro strong{font-size:14px}.add-intro p{margin:4px 0 0;color:#6d6e88;font-size:12px;line-height:1.55}.link-form,.dialog form{padding:19px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 8px 22px #3e45620a}.link-form label,.dialog label{display:block;color:#5a5e70;font-size:12px;font-weight:700}.link-form label em{color:var(--accent);font-style:normal}.input-with-action{display:flex;gap:8px;margin-top:8px}.input-with-action input,.dialog input,.dialog select,.dialog textarea{width:100%;border:1px solid #e0e3ec;border-radius:11px;background:#fafbfe;color:var(--ink);outline:0}.input-with-action input{height:48px;padding:0 12px}.input-with-action button{padding:0 13px;border:0;border-radius:11px;background:#eeedff;color:var(--accent);font-size:12px;font-weight:750}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;height:49px;margin-top:15px;padding:0 17px;border:0;border-radius:12px;background:linear-gradient(135deg,#6e65f9,#5148dd);color:#fff;font-weight:800;box-shadow:0 8px 17px #5d54e337}.primary-button span{font-size:21px}.support{text-align:center;color:#a1a5b4;font-size:11px}.folder-filter{display:flex;gap:8px;overflow:auto;margin:-8px 0 18px;padding-bottom:4px}.filter-chip{flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#74788a;font-size:12px}.filter-chip.active{border-color:#d5d1ff;background:#eeedff;color:var(--accent);font-weight:750}.empty{padding:43px 20px;border:1px dashed #ccd0db;border-radius:18px;text-align:center;color:#9398a8;font-size:13px}.empty-add{display:block;margin:15px auto 0;padding:9px 15px;border:0;border-radius:10px;background:#eeedff;color:var(--accent);font-weight:750}.profile-card{display:flex;gap:14px;align-items:center;padding:20px;border-radius:19px;background:#29254f;color:#fff}.profile-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#b8b5ff;color:#29254f;font-weight:800}.profile-card p{margin:5px 0 0;color:#c4c2e7;font-size:12px}.setting-list{display:grid;gap:10px;margin-top:17px}.setting-list button{display:flex;justify-content:space-between;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-align:left;font-size:13px}.dialog{width:min(600px,100%);max-height:95vh;margin:auto;padding:0;border:0;border-radius:25px 25px 0 0;background:var(--paper);box-shadow:0 -16px 55px #21213a42}.dialog::backdrop{background:#24253a99}.dialog form{max-height:95vh;padding:12px 20px 26px;overflow:auto;border:0;border-radius:0;box-shadow:none;background:var(--paper)}.dialog-grip{width:36px;height:4px;margin:0 auto 17px;border-radius:99px;background:#d4d7e0}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.dialog-head h2{margin:4px 0 0;font-size:23px;letter-spacing:-.06em}.close{width:32px;height:32px;border:0;border-radius:11px;background:#e9ebf2;color:#64697b;font-size:21px}.detected{display:flex;gap:10px;align-items:center;margin-bottom:13px;padding:12px;border-radius:14px;background:#e9e8ff;color:#48427b;font-size:12px}.detected b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff;font-size:17px}.dialog label{margin:11px 0}.dialog label small{color:#9a9eaa;font-weight:500}.dialog input,.dialog select,.dialog textarea{display:block;margin-top:6px;padding:10px;font-size:13px;font-weight:500}.dialog select{height:42px;padding:0 10px}.dialog textarea{resize:vertical}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auto-thumbnail{display:flex;gap:10px;align-items:center;margin:13px 0;padding:11px;border-radius:12px;background:#eef3ff;color:#505580;font-size:12px}.auto-thumbnail span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#fff;color:var(--accent);font-size:16px}.auto-thumbnail strong,.auto-thumbnail small{display:block}.auto-thumbnail small{margin-top:3px;color:#898da2}.toast{position:fixed;z-index:9;left:50%;bottom:98px;padding:11px 16px;border-radius:99px;background:#27283a;color:#fff;font-size:12px;opacity:0;transform:translate(-50%,12px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media.manage-button{display:flex;gap:5px;align-items:center;margin-left:auto;padding:8px 10px;border:1px solid #dedbff;border-radius:999px;background:#f5f4ff;color:var(--accent);font-size:12px;font-weight:750}.manage-button span{font-size:14px}.list-add{width:100%;padding:13px;border:1px dashed #bbbde0;border-radius:14px;background:#f7f6ff;color:var(--accent);font-weight:750}.color-picker-label{display:flex!important;align-items:center;gap:10px}.color-picker-label input{display:inline-block!important;width:42px!important;height:34px;margin:0!important;padding:2px!important;border-radius:9px!important}.color-picker-label span{color:#888c9c;font-family:ui-monospace,monospace;font-size:12px}.upload-hint{display:block;margin-top:6px;color:#9195a5;font-weight:500}.manager-inner{padding:12px 20px 25px}.folder-manager-list{display:grid;gap:10px}.manager-row{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}.manager-color{width:30px;height:30px;border-radius:9px}.manager-color.peach{background:var(--peach)}.manager-color.violet{background:var(--violet)}.manager-color.blue{background:var(--blue)}.manager-color.mint{background:var(--mint)}.manager-name{flex:1;font-size:13px;font-weight:750}.manager-row button{border:0;border-radius:8px;padding:7px 8px;background:#eef0f7;color:var(--accent);font-size:12px}.manager-row .manager-delete{background:#fff0f1;color:#c65a68}.secondary-button{width:100%;margin-top:13px;padding:12px;border:1px dashed #bfc3d3;border-radius:12px;background:transparent;color:var(--accent);font-weight:750}(max-width:390px){.app{padding-inline:15px}.hero h1{font-size:32px}.folder-card{padding:14px}.top-action{font-size:11px}}