:root{--ink:#1e1730;--purple:#60409a;--muted:#756f82}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(228,212,255,.9),transparent 34%),linear-gradient(145deg,#fbf8ff,#eee6f8);color:var(--ink);font-family:Georgia,"Noto Serif TC",serif}.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:#fff;padding:10px}.skip-link:focus{top:12px}.header-button{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:10px 15px;background:rgba(255,255,255,.12);color:inherit;font-weight:800}.bookmark-shell{width:min(1240px,calc(100% - 32px));margin:40px auto 90px}.bookmark-login{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.bookmark-hero,.bookmark-login-card,.bookmark-title{border:1px solid rgba(78,51,116,.16);border-radius:30px;background:rgba(255,255,255,.83);box-shadow:0 24px 70px rgba(56,34,87,.13)}.bookmark-hero{min-height:450px;padding:clamp(34px,7vw,86px);background:linear-gradient(135deg,#2b193d,#6f4499 58%,#c19ddd);color:#fff}.bookmark-hero p,.bookmark-title p{letter-spacing:.18em;font:800 12px/1.2 system-ui,sans-serif}.bookmark-hero h1{margin:18px 0;font-size:clamp(48px,7vw,92px);line-height:1.05}.bookmark-hero span{font-size:18px;line-height:1.7}.bookmark-login-card{display:grid;align-content:center;gap:14px;padding:38px}.bookmark-login-card h2{font-size:34px;margin:0 0 12px}.bookmark-login-card label{display:grid;gap:7px;font-weight:800}.bookmark-login-card input,.bookmark-tools input,.bookmark-tools select{min-height:48px;border:1px solid rgba(62,36,91,.18);border-radius:14px;padding:10px 13px;background:#fff;font:inherit}.bookmark-login-card button{min-height:50px;border:0;border-radius:14px;background:linear-gradient(135deg,#6b43a0,#3d255e);color:#fff;font-weight:900;font-size:16px}.bookmark-login-card p{min-height:20px;color:#9d2948}.bookmark-title{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:30px}.bookmark-title h1{margin:5px 0;font-size:clamp(38px,6vw,70px)}.bookmark-title span{color:var(--muted)}.bookmark-tools{display:flex;gap:10px;align-items:end}.bookmark-tools label{display:grid;gap:5px;font:800 12px/1.2 system-ui,sans-serif}.bookmark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:22px}.bookmark-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:9px;min-height:210px;padding:21px;border:1px solid rgba(91,60,132,.15);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 14px 35px rgba(61,38,89,.08);text-decoration:none;color:inherit;transition:.2s transform,.2s box-shadow}.bookmark-card:hover,.bookmark-card:focus-visible{transform:translateY(-4px);box-shadow:0 20px 40px rgba(61,38,89,.16)}.bookmark-card em{justify-self:start;border-radius:999px;padding:6px 9px;background:#ede4f8;color:#5a3287;font:800 11px/1 system-ui,sans-serif;font-style:normal}.bookmark-card h2{margin:0;font-size:21px;line-height:1.35}.bookmark-card p{margin:0;color:var(--muted);line-height:1.55;overflow-wrap:anywhere}.bookmark-card time{font:700 11px/1.2 system-ui,sans-serif;color:#9b91a7}.bookmark-empty{grid-column:1/-1;padding:70px 25px;text-align:center;border:1px dashed rgba(74,43,108,.22);border-radius:24px;color:var(--muted);background:rgba(255,255,255,.55)}@media(max-width:780px){.bookmark-login{grid-template-columns:1fr}.bookmark-hero{min-height:auto}.bookmark-title{display:grid}.bookmark-tools{display:grid;grid-template-columns:1fr}.bookmark-tools label{width:100%}}