:root{color:#191716;font-synthesis:none;background:#fff;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.66}a{color:inherit}.app-shell{min-height:100vh}.site-header{border-bottom:1px solid #e9e7e5;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,5vw,76px);display:flex}.brand{color:#ec3828;letter-spacing:-.8px;font-size:26px;font-weight:800;text-decoration:none}.brand span{letter-spacing:-1.2px}nav{align-self:stretch;gap:clamp(22px,4vw,56px);display:flex}nav a{color:#282522;place-items:center;font-size:15px;text-decoration:none;display:grid;position:relative}nav a:hover,nav a.active{color:#ec3828}nav a.active:after{content:"";background:currentColor;height:2px;position:absolute;bottom:8px;left:0;right:0}.hero{text-align:center;max-width:1110px;margin:0 auto;padding:72px 24px 0}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,5vw,56px);line-height:1.17}.hero h1 span{color:#ec3828}.hero>p:not(.helper):not(.notice){color:#797470;margin:18px 0 31px;font-size:18px}.parse-form{text-align:left;grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.url-input{border:1px solid #d7d4d1;border-radius:10px;align-items:center;height:68px;padding:0 19px;transition:border-color .18s,box-shadow .18s;display:flex}.url-input:focus-within{border-color:#ec3828;box-shadow:0 0 0 4px #ec38281a}.url-input svg{color:#8c8885;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:25px;margin-right:14px}.url-input input{color:#272421;border:0;outline:0;width:100%;min-width:0;font-size:16px}.url-input input::placeholder{color:#a6a19d}.primary-button,.secondary-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 29px;font-size:16px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{color:#fff;background:#ec3828;box-shadow:0 8px 15px #ec38282b}.primary-button:hover:not(:disabled){background:#d92a1c;transform:translateY(-1px)}.primary-button svg,.secondary-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:21px}.parse-form .primary-button{min-width:164px;min-height:68px}.helper{color:#97918d;margin:11px 0 27px;font-size:13px}.mode-tabs{border-bottom:1px solid #e6e3e0;justify-content:center;gap:2px;display:flex}.mode-tabs button{color:#6f6965;background:0 0;border:0;padding:14px 40px 17px;font-size:16px;position:relative}.mode-tabs button.selected{color:#ec3828;font-weight:700}.mode-tabs button.selected:after{content:"";background:#ec3828;height:2px;position:absolute;bottom:-1px;left:15px;right:15px}.notice{color:#177149;max-width:760px;margin:18px auto -5px;font-size:14px}.notice.error{color:#b42318}.empty-panel,.result-panel,.lower-section{max-width:1110px;margin-left:auto;margin-right:auto}.empty-panel{text-align:center;border:1px solid #e7e4e1;border-radius:12px;place-items:center;min-height:333px;margin-top:24px;padding:50px 24px;display:grid}.empty-mark{color:#ec3828;background:#fff4f2;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:14px;display:grid}.empty-mark svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:26px}.empty-panel h2{margin:0 0 7px;font-size:21px}.empty-panel p{color:#837e79;margin:0;font-size:15px}.spinner{border:2px solid #ec382840;border-top-color:#ec3828;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-panel{grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);gap:34px;margin-top:24px;padding:0 24px;display:grid}.media-frame{background:#2b2927 50%/cover no-repeat;border-radius:10px;align-items:flex-end;min-height:344px;display:flex;position:relative;overflow:hidden}.media-frame.no-cover{background:linear-gradient(135deg,#4c4643,#201e1d)}.media-shade{background:linear-gradient(#0000 45%,#000000a1);position:absolute;inset:0}.media-control{z-index:1;color:#fff;align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.media-control svg{fill:none;stroke:currentColor;stroke-width:1.9px;width:25px}.result-info{padding:9px 0}.result-kicker{color:#ec3828;margin:0 0 8px;font-size:13px;font-weight:700}.result-info h2{letter-spacing:-.03em;margin:0;font-size:25px;line-height:1.3}.author{color:#817c77;margin:11px 0 26px;font-size:14px}dl{margin:0 0 28px}dl div{grid-template-columns:76px 1fr;gap:10px;padding:7px 0;font-size:14px;display:grid}dt{color:#817c77}dd{color:#383330;margin:0}dd a{color:#ec3828;text-underline-offset:3px}.result-actions{gap:12px;display:grid}.result-actions .primary-button,.result-actions .secondary-button,.result-actions .text-button{width:100%}.secondary-button{color:#ec3828;background:#fff;border-color:#ec3828}.secondary-button:hover{background:#fff4f2}.text-button{color:#79736e;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0;font-size:14px;display:inline-flex}.text-button:hover{color:#ec3828}.text-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:17px}.caption-preview{color:#58524e;white-space:pre-wrap;border-top:1px solid #e8e5e2;max-height:160px;margin:16px 0 0;padding-top:16px;font-size:14px;line-height:1.75;overflow:auto}.caption-preview p{margin:0}.tag-list{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.tag-list span{color:#d92a1c;font-size:13px}.lower-section{grid-template-columns:1fr 1.06fr;gap:26px;margin-top:27px;padding:0 24px;display:grid}.history-panel,.guide-panel{border:1px solid #e7e4e1;border-radius:10px;min-height:231px;padding:23px}.history-panel h2,.guide-panel h2{letter-spacing:-.03em;margin:0 0 21px;font-size:19px}.empty-history{color:#96918d;text-align:center;margin:55px 0;font-size:14px}.history-list{display:grid}.history-list button{color:#625c57;text-align:left;background:0 0;border:0;border-top:1px solid #eeeae7;grid-template-columns:24px minmax(0,1fr) 42px 42px 32px;align-items:center;gap:9px;padding:10px 0;font-size:12px;display:grid}.record-icon{color:#fff;background:#181818;border-radius:5px;place-items:center;width:20px;height:20px;font-weight:700;display:grid}.record-title{text-overflow:ellipsis;white-space:nowrap;color:#302c29;overflow:hidden}.record-action{color:#ec3828;text-align:right}.guide-panel ol{grid-template-columns:repeat(3,1fr);gap:19px;margin:0;padding:0;list-style:none;display:grid}.guide-panel li{text-align:center}.guide-panel li>span{color:#fff;background:#ec3828;border-radius:50%;place-items:center;width:33px;height:33px;margin:0 auto 13px;font-weight:800;display:grid}.guide-panel h3{margin:0 0 8px;font-size:14px}.guide-panel p{color:#847e79;margin:0;font-size:12px;line-height:1.65}footer{color:#8d8783;text-align:center;border-top:1px solid #ebe8e5;margin-top:70px;padding:25px 24px;font-size:12px}@media (width<=760px){.site-header{height:65px;padding:0 20px}.brand{font-size:21px}nav{gap:16px}nav a{font-size:13px}nav a.active:after{bottom:4px}.hero{padding-top:53px}.hero h1{font-size:36px}.hero>p:not(.helper):not(.notice){font-size:16px}.parse-form{grid-template-columns:1fr}.parse-form .primary-button{min-height:56px}.url-input{height:57px}.url-input input{font-size:14px}.mode-tabs button{padding-left:23px;padding-right:23px}.empty-panel{min-height:274px;margin:20px 20px 0}.result-panel,.lower-section{grid-template-columns:1fr;padding:0 20px}.result-panel{gap:20px}.media-frame{min-height:220px}.lower-section{gap:18px;margin-top:20px}.history-panel,.guide-panel{min-height:auto;padding:20px}.history-list button{grid-template-columns:24px minmax(0,1fr) 35px 32px}.history-list time{display:none}.guide-panel ol{grid-template-columns:1fr;gap:18px}.guide-panel li{text-align:left;grid-template-columns:37px 1fr;gap:10px;display:grid}.guide-panel li>span{margin:0}.guide-panel h3{padding-top:2px}footer{margin-top:44px}}