:root{--cream:#f4efe3;--paper:#fffdf7;--forest:#173f35;--forest-2:#245b46;--sage:#78907b;--mint:#dce9dc;--line:#d8d6c9;--ink:#1c2a25;--muted:#68756e;--danger:#a34435;--shadow:0 22px 55px rgba(28,53,43,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;min-height:76px;padding:12px 5vw;border-bottom:1px solid rgba(23,63,53,.12);background:rgba(244,239,227,.9);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;min-width:280px}.brand b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:19px}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.brand-seal{display:grid;place-items:center;width:58px;height:58px;border-radius:50% 44% 48% 42%;color:var(--paper);background:var(--forest);font-family:Georgia,serif;font-weight:700}.brand-seal.small{width:40px;height:40px;font-size:13px}.topbar nav{display:flex;gap:24px;margin:auto}.topbar nav a{color:var(--muted);text-decoration:none;font-size:14px}.topbar nav a:hover{color:var(--forest)}main{max-width:1320px;margin:auto;padding:0 5vw 90px}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;padding:70px 0 56px}.overline{margin:0 0 17px;color:var(--forest-2);font-size:10px;font-weight:800;letter-spacing:.22em}.hero h1{margin:0;font:500 clamp(46px,5.6vw,78px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.05em}.hero h1 em{color:var(--forest-2);font-weight:500}.lead{max-width:610px;margin:25px 0;color:var(--muted);font-size:17px;line-height:1.85}.cloud-note{display:flex;align-items:center;gap:10px;color:#43594e;font-size:13px}.cloud-note>span{width:9px;height:9px;border-radius:50%;background:#4f8a68;box-shadow:0 0 0 5px rgba(79,138,104,.13)}.capture-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;font-weight:700}.card-title small{color:var(--sage);font-size:9px;letter-spacing:.16em}label{display:block;margin:0 0 8px;font-size:12px;font-weight:700}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 14px;color:var(--ink);background:#fbf9f1;outline:none}textarea{resize:vertical;line-height:1.65}textarea:focus,input:focus,select:focus{border-color:var(--forest-2);box-shadow:0 0 0 3px rgba(36,91,70,.1);background:#fff}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:13px 0 17px}.button{border:0;border-radius:10px;padding:14px 17px;font-weight:700;cursor:pointer}.button.primary{color:#fff;background:var(--forest)}.button.primary:hover{background:var(--forest-2)}.button:disabled{opacity:.55;cursor:not-allowed}.split{width:100%;display:flex;justify-content:space-between}.form-note{margin:11px 0 0;color:var(--muted);font-size:11px}.ghost{border:1px solid rgba(23,63,53,.18);border-radius:9px;padding:9px 13px;color:var(--forest);background:transparent;cursor:pointer}.ghost:hover{background:rgba(23,63,53,.06)}.stats{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;margin:0 0 70px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,247,.72)}.stats article{padding:25px 27px;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats strong{display:block;font:500 35px/1 Georgia,serif;color:var(--forest)}.stats span{display:block;margin-top:8px;color:var(--muted);font-size:12px}.workflow{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;padding:45px;border-radius:22px;color:#eef4ec;background:var(--forest)}.workflow .overline{color:#a9c7ad}.workflow h2{margin:0;font:500 37px/1.2 Georgia,serif}.workflow p:not(.overline){color:#c9d7cd;line-height:1.75}.workflow ol{list-style:none;margin:0;padding:0}.workflow li{display:flex;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.13)}.workflow li:last-child{border:0}.workflow li b{font:500 24px Georgia,serif;color:#a9c7ad}.workflow li span{font-weight:700}.workflow li small{display:block;margin-top:4px;color:#aabeb0;font-weight:400}.library{padding-top:86px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.section-head h2{margin:0;font:500 43px Georgia,serif;letter-spacing:-.03em}.filters{display:flex;align-items:center;gap:9px}.filters input{min-width:260px}.filters select{width:150px}.item-list{display:grid;gap:13px}.item-card{display:grid;grid-template-columns:1fr auto;gap:25px;padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.item-card:hover{border-color:#b9c2b7}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.pill{padding:4px 9px;border-radius:999px;color:#306046;background:var(--mint);font-size:10px;font-weight:800}.pill.pending{color:#7a611d;background:#f2e8c8}.pill.error{color:#8c3e31;background:#f4ddd7}.pill.synced{color:#fff;background:var(--forest-2)}.source{color:var(--muted);font-size:12px}.original{margin:0 0 10px;font:500 20px/1.55 Georgia,"Times New Roman",serif}.translation{margin:0;color:#53635b;line-height:1.7}.details{margin-top:15px;padding-top:13px;border-top:1px solid var(--line);font-size:13px;line-height:1.75}.details summary{color:var(--forest-2);font-weight:700;cursor:pointer}.item-actions{display:flex;align-items:start}.danger{border:0;background:transparent;color:var(--danger);cursor:pointer}.empty{padding:70px 20px;text-align:center;color:var(--muted);border:1px dashed #bfc5b9;border-radius:15px;background:rgba(255,253,247,.45)}footer{display:flex;justify-content:space-between;padding:30px 5vw;color:var(--muted);border-top:1px solid var(--line);font-size:12px}.login-shell{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:var(--cream)}.login-card{width:min(440px,100%);padding:42px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--shadow)}.login-card .brand-seal{margin-bottom:24px}.login-card h1{margin:0;font:500 42px Georgia,serif}.login-card>p:not(.overline){color:var(--muted);line-height:1.7}.login-card .button{width:100%;margin-top:15px}.login-card small{display:block;min-height:18px;margin-top:10px;color:var(--danger)}.toast{position:fixed;left:50%;bottom:25px;z-index:80;max-width:min(700px,90vw);padding:12px 18px;border-radius:10px;color:#fff;background:var(--forest);box-shadow:var(--shadow);opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:900px){.topbar{flex-wrap:wrap;gap:10px}.brand{min-width:0}.topbar nav{order:3;width:100%;justify-content:center}.hero{grid-template-columns:1fr;gap:42px;padding-top:45px}.workflow{grid-template-columns:1fr;gap:25px}.section-head{display:block}.filters{margin-top:20px;flex-wrap:wrap}.filters input{min-width:100%}.item-card{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:560px){main{padding:0 4vw 65px}.topbar{padding-inline:4vw}.topbar nav{gap:16px}.hero h1{font-size:43px}.capture-card{padding:22px}.field-row{grid-template-columns:1fr}.stats article{padding:20px}.workflow{padding:28px}.section-head h2{font-size:37px}.filters select{width:100%}.filters .ghost{width:100%}footer{display:block;line-height:2}.login-card{padding:30px}}
.hero{min-height:0;display:flex;justify-content:center;padding:54px 0 32px}.hero .capture-card{width:min(760px,100%)}.library{padding-top:18px}
@media(max-width:900px){.hero{display:flex;gap:0;padding-top:34px}}
.hero{position:relative;display:block;max-width:960px;margin:0 auto;padding:44px 168px 28px 0}.hero .capture-card{width:100%;min-width:0}.capture-art{position:absolute;right:12px;bottom:44px;width:128px;pointer-events:none}.capture-art img{display:block;width:100%;height:auto;object-fit:contain;opacity:.84}.command-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 46px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,247,.78)}.command-bar b{display:block;color:var(--forest);font-size:14px}.command-bar span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.command-actions{display:flex;gap:9px;flex:0 0 auto}.command-actions .button,.command-actions .ghost{width:auto;min-width:108px;padding:11px 17px}.library{padding-top:18px}
@media(max-width:900px){.hero{padding:34px 128px 24px 0}.capture-art{right:4px;bottom:38px;width:96px}}
@media(max-width:700px){.hero{padding:30px 0 18px}.capture-art{position:static;width:72px;margin:-8px 12px 0 auto}.command-bar{align-items:stretch;flex-direction:column;margin-top:0}.command-actions{width:100%}.command-actions .button,.command-actions .ghost{flex:1}.stats{margin-bottom:32px}}