:root{--ink:#14221c;--muted:#5b6b63;--line:#14221c1f;--bg:#eef4f0;--panel:#ffffffc7;--teal:#0f7a5f;--teal-deep:#0a5a46;--coral:#c45c3e;--warn:#b45309;--ok:#0f7a5f;--shadow:0 18px 50px #14221c14;--radius:18px;--font:"Noto Sans SC", "DM Sans", system-ui, sans-serif;--display:"DM Sans", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--ink);font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%, #0f7a5f2e, transparent 55%), radial-gradient(900px 500px at 100% 0%, #c45c3e24, transparent 50%), linear-gradient(180deg, #f7faf8 0%, var(--bg) 45%, #e7efe9 100%);background-attachment:fixed;margin:0}a{color:var(--teal-deep);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;background:var(--teal);color:#fff;border:0;border-radius:12px;padding:.7rem 1.1rem;font-weight:600;transition:transform .18s,background .18s,opacity .18s}button:hover{background:var(--teal-deep);transform:translateY(-1px)}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}button.ghost:hover{background:#fff9}button.danger{background:var(--coral)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.shell{width:min(1100px,100% - 2rem);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;display:flex}.brand{font-family:var(--display);letter-spacing:.02em;color:var(--ink);font-size:1.35rem;font-weight:700}.brand span{color:var(--teal)}.nav-links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.panel{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (width<=800px){.grid-2{grid-template-columns:1fr}}.muted{color:var(--muted)}.tag{color:var(--teal-deep);background:#0f7a5f1f;border-radius:999px;padding:.15rem .55rem;font-size:.78rem;display:inline-block}.tag.warn{color:var(--warn);background:#b453091f}.tag.bad{color:var(--coral);background:#c45c3e1f}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field label{color:var(--muted);font-size:.9rem}.field input,.field select,.field textarea{border:1px solid var(--line);background:#ffffffe6;border-radius:12px;padding:.7rem .85rem}.field textarea{resize:vertical;min-height:110px}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stat{border:1px solid var(--line);background:#ffffffa6;border-radius:14px;padding:1rem}.stat b{font-family:var(--display);margin-top:.2rem;font-size:1.6rem;display:block}.list-item{border-bottom:1px solid var(--line);padding:1rem 0}.list-item:last-child{border-bottom:0}.toast{color:var(--teal-deep);background:#0f7a5f1a;border-radius:12px;margin:.75rem 0;padding:.75rem 1rem}.toast.err{color:var(--coral);background:#c45c3e1f}.hero{align-items:end;min-height:calc(100vh - 4.5rem);padding:2rem 0 3.5rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(2px);pointer-events:none;background:linear-gradient(135deg,#0f7a5f59,#c45c3e38),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230f7a5f' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");border-radius:40% 60% 45% 55%;height:70%;animation:12s ease-in-out infinite alternate drift;position:absolute;inset:8% -10% auto 35%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-4%,3%)scale(1.05)}}.hero-copy{z-index:1;max-width:36rem;animation:.7s both rise;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .8rem;font-size:clamp(2.4rem,6vw,4rem);line-height:1.05}.hero p{color:var(--muted);max-width:28rem;margin:0 0 1.4rem;font-size:1.05rem}.section{padding:2.5rem 0;animation:.55s both rise}.section h2{font-family:var(--display);margin:0 0 .4rem;font-size:1.55rem}.mono{word-break:break-all;background:#14221c0d;border-radius:10px;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem}.qr-box img{border:1px solid var(--line);border-radius:12px;width:min(240px,100%)}.empty{color:var(--muted);padding:1rem 0}.ad-code-block{text-align:center;background:linear-gradient(#0f7a5f1f,#ffffffb3);border:1px dashed #0f7a5f59;border-radius:16px;margin-top:1rem;padding:1.1rem}.ad-code{font-family:var(--display);letter-spacing:.08em;color:var(--teal-deep);margin:.35rem 0;font-size:clamp(2rem,8vw,2.8rem);font-weight:700}.remark-hint{color:var(--coral);margin:0;font-size:.95rem;font-weight:500}.media-row{flex-wrap:wrap;gap:.5rem;margin:.6rem 0 .2rem;display:flex}.media-row img,.media-row video{border:1px solid var(--line);background:#fff;border-radius:10px;width:min(140px,45%)}.media-row video{width:min(100%,320px)}.pick-list{flex-direction:column;gap:.45rem;margin-top:.55rem;display:flex}.pick-item{border:1px solid var(--line);background:#ffffffb3;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.45rem .55rem;display:flex}.pick-item img{object-fit:cover;border-radius:8px;width:48px;height:48px}.pick-item .ghost{margin-left:auto;padding:.35rem .7rem}.detail-mask{z-index:50;background:#14221c73;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}@media (width>=800px){.detail-mask{align-items:center}}.detail-sheet{width:min(640px,100%);max-height:min(88vh,900px);margin:0;animation:.25s both rise;overflow:auto}.detail-sheet h4{margin:1rem 0 .35rem;font-size:.95rem}