.deep-sea-quiz-page{width:min(100%,960px);margin:0 auto;padding:clamp(22px,4vw,46px) clamp(16px,3vw,36px);color:#171717}.deep-sea-quiz-header{display:grid;grid-template-columns:1fr auto;gap:18px 24px;align-items:center}.deep-sea-quiz-kicker,.deep-sea-quiz-header h1{display:none}.deep-sea-quiz-count{grid-column:1;grid-row:1;margin:0;color:#666;font-size:clamp(.96rem,1.4vw,1.12rem);font-weight:900;letter-spacing:0}.deep-sea-quiz-count:before{content:"进度 "}.deep-sea-quiz-percent{grid-column:2;grid-row:1;justify-self:end;margin:0;color:#666;font-size:clamp(.96rem,1.4vw,1.12rem);font-weight:900}.deep-sea-quiz-progress{grid-column:1 / -1;grid-row:2;height:9px;overflow:hidden;background:#f1f1f1;border-radius:999px}.deep-sea-quiz-progress span{display:block;height:100%;background:#f77b24;border-radius:inherit;transition:width .18s ease}.deep-sea-quiz-card{display:grid;gap:clamp(26px,4vw,42px);margin-top:clamp(24px,4vw,42px);padding:clamp(30px,5vw,58px) clamp(22px,5vw,56px);background:#fff;border-radius:24px;box-shadow:0 22px 48px #0000001a}.deep-sea-quiz-card h2{margin:0;color:#171717;font-size:clamp(1.45rem,3vw,2.25rem);font-weight:900;line-height:1.45;letter-spacing:0;text-wrap:balance}.deep-sea-quiz-options{display:grid;gap:clamp(14px,3vw,22px)}.deep-sea-quiz-option{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:center;width:100%;min-height:78px;padding:16px 22px;color:#4b4b4b;text-align:left;background:#fff;border:2px solid #efefef;border-radius:16px;box-shadow:0 2px 8px #00000005;font-size:clamp(.98rem,1.7vw,1.16rem);font-weight:800;cursor:pointer}.deep-sea-quiz-option:hover,.deep-sea-quiz-option.is-selected{border-color:#f77b24;background:#fff}.deep-sea-quiz-option span{display:inline-grid;place-items:center;width:38px;height:38px;color:#777;background:#fff;border:3px solid #d8d8d8;border-radius:50%;font-weight:800}.deep-sea-quiz-option.is-selected span{color:#f77b24;background:#fff;border-color:#f77b24}.deep-sea-quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:clamp(24px,4vw,36px)}.deep-sea-quiz-secondary,.deep-sea-quiz-primary{min-height:44px;padding:0 22px;border-radius:999px;font-weight:700;cursor:pointer}.deep-sea-quiz-secondary{color:#666;background:transparent;border:0;font-size:clamp(.96rem,1.5vw,1.08rem);padding-left:0}.deep-sea-quiz-secondary:before{content:"← "}.deep-sea-quiz-primary{min-width:148px;color:#fff;background:#f77b24;border:0;box-shadow:0 12px 22px #f77b242e;font-size:clamp(.96rem,1.5vw,1.08rem);font-weight:900}.deep-sea-quiz-primary:hover:not(:disabled){background:#e96e1c}.deep-sea-quiz-secondary:disabled,.deep-sea-quiz-primary:disabled{cursor:not-allowed;opacity:.42}.deep-sea-quiz-secondary:focus-visible,.deep-sea-quiz-primary:focus-visible,.deep-sea-quiz-option:focus-visible{outline:3px solid rgba(247,123,36,.34);outline-offset:3px}@media (max-width: 768px){.deep-sea-quiz-page{padding:22px 0 42px}.deep-sea-quiz-header{grid-template-columns:1fr auto;gap:14px 18px}.deep-sea-quiz-card{gap:24px;margin-top:24px;padding:28px 20px;border-radius:22px}.deep-sea-quiz-card h2{font-size:clamp(1.55rem,7.4vw,2rem)}.deep-sea-quiz-option{grid-template-columns:38px 1fr;gap:14px;min-height:72px;padding:14px 16px;border-radius:14px;font-size:clamp(.96rem,4vw,1.08rem)}.deep-sea-quiz-option span{width:34px;height:34px;border-width:2px}.deep-sea-quiz-actions{flex-direction:column-reverse}.deep-sea-quiz-secondary{width:100%;padding:0}.deep-sea-quiz-primary{width:100%;min-height:52px}}.deep-sea-result-page{display:grid;gap:clamp(20px,3vw,34px);width:min(100%,1040px);margin:0 auto;color:#171717}.deep-sea-result-hero,.deep-sea-result-section,.deep-sea-result-match{background:#fff;border-radius:28px;box-shadow:0 22px 44px #00000014}.deep-sea-result-hero{display:grid;gap:clamp(20px,3vw,26px);padding:clamp(32px,5vw,60px)}.deep-sea-result-kicker{margin:0;color:#777;font-size:clamp(.82rem,1.4vw,1rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.deep-sea-result-title-row{display:flex;flex-wrap:wrap;align-items:end;gap:12px 20px}.deep-sea-result-title-row h1{margin:0;color:#151515;font-size:clamp(2.65rem,5.4vw,4rem);font-weight:900;line-height:1.05;letter-spacing:0;text-wrap:balance}.deep-sea-result-code{display:inline-flex;align-items:center;min-height:40px;padding:7px 16px;color:#b94f11;background:#ffe2cc;border:1px solid #ffc49b;border-radius:999px;font-size:clamp(.92rem,1.6vw,1.12rem);font-weight:900;letter-spacing:.1em}.deep-sea-result-summary{max-width:900px;margin:0;padding-left:18px;color:#d46a08;border-left:6px solid #f77b24;font-size:clamp(1.2rem,2.4vw,1.75rem);font-weight:900;line-height:1.5}.deep-sea-result-section,.deep-sea-result-match{padding:clamp(28px,4.5vw,46px)}.deep-sea-result-section h2,.deep-sea-result-match h2{position:relative;margin:0 0 20px;color:#171717;font-size:clamp(1.15rem,2.2vw,1.48rem);font-weight:900;line-height:1.35;letter-spacing:0}.deep-sea-result-section h2:before,.deep-sea-result-match h2:before{display:inline-block;width:7px;height:26px;margin-right:12px;vertical-align:-5px;background:#f77b24;border-radius:999px;content:""}.deep-sea-result-section p,.deep-sea-result-match p{margin:0;color:#5f5f5f;font-size:clamp(1rem,1.7vw,1.2rem);font-weight:700;line-height:1.85}.deep-sea-result-daily h2:before{background:#f59e0b}.deep-sea-result-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,32px)}.deep-sea-result-two-column .deep-sea-result-section{min-height:230px}.deep-sea-result-two-column .deep-sea-result-section:first-child h2{color:#0aa678}.deep-sea-result-two-column .deep-sea-result-section:first-child h2:before{background:#10b981}.deep-sea-result-two-column .deep-sea-result-section:last-child h2{color:#e11d48}.deep-sea-result-two-column .deep-sea-result-section:last-child h2:before{background:#f43f5e}.deep-sea-result-section ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.deep-sea-result-section li{position:relative;padding-left:0;color:#5f5f5f;font-size:clamp(.98rem,1.6vw,1.1rem);font-weight:700;line-height:1.7}.deep-sea-result-section li+li{margin-top:4px}.deep-sea-result-match{border-radius:24px}.deep-sea-result-match-label{display:none}.deep-sea-result-match h2{color:#554cf5}.deep-sea-result-match h2:before{background:#6366f1}.deep-sea-result-match h2 span{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:0}.deep-sea-result-match h2 span:before{content:"（"}.deep-sea-result-match h2 span:after{content:"）"}.deep-sea-result-ideal-detail{display:grid;background:#fff;border:1px solid #dcd9ff;border-radius:28px;box-shadow:0 22px 44px #4438ca14;overflow:hidden}.deep-sea-result-ideal-detail-header{display:grid;gap:8px;padding:clamp(24px,4vw,40px);background:#f7f6ff;border-bottom:1px solid #e6e4ff}.deep-sea-result-ideal-detail-header p{margin:0;color:#6366f1;font-size:clamp(.78rem,1.2vw,.9rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.deep-sea-result-ideal-detail-header h2{margin:0;color:#4438ca;font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:900;line-height:1.35;letter-spacing:0}.deep-sea-result-ideal-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,24px);padding:clamp(20px,3.5vw,32px)}.deep-sea-result-ideal-detail-grid section{display:grid;align-content:start;gap:10px;min-width:0;padding:clamp(18px,2.8vw,26px);background:#fff;border:1px solid #efefff;border-radius:18px}.deep-sea-result-ideal-detail-grid h3{position:relative;margin:0;padding-left:18px;color:#4438ca;font-size:clamp(1rem,1.8vw,1.22rem);font-weight:900;line-height:1.35}.deep-sea-result-ideal-detail-grid h3:before{position:absolute;top:.12em;left:0;width:7px;height:1.2em;background:#6366f1;border-radius:999px;content:""}.deep-sea-result-ideal-detail-grid p,.deep-sea-result-ideal-detail-grid li{margin:0;color:#5f5f5f;font-size:clamp(.96rem,1.5vw,1.06rem);font-weight:700;line-height:1.75}.deep-sea-result-ideal-detail-grid ul{display:grid;gap:8px;margin:0;padding-left:1.2em}.deep-sea-result-notice{padding-top:clamp(26px,4vw,38px);border-top:1px solid #e8e8e8;color:#666}.deep-sea-result-notice h2{margin:0 0 20px;color:#666;font-size:clamp(.88rem,1.4vw,.98rem);font-weight:900;line-height:1.5;letter-spacing:0}.deep-sea-result-notice dl{display:grid;gap:8px;margin:0}.deep-sea-result-notice div{display:block;color:#666;font-size:clamp(.82rem,1.3vw,.92rem);font-weight:700;line-height:1.75}.deep-sea-result-notice dt{display:inline;color:#5d5d5d;font-weight:900}.deep-sea-result-notice dt:after{content:"："}.deep-sea-result-notice dd{display:inline;margin:0}.deep-sea-result-notice div:last-child dt{color:#f77b24}.deep-sea-result-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 24px;margin-top:0}.deep-sea-result-action-button{display:inline-flex;align-items:center;justify-content:center;min-width:190px;min-height:56px;padding:0 28px;color:#fff;background:#f70;border:0;border-radius:999px;box-shadow:0 14px 24px #ff770038;font:inherit;font-size:clamp(.98rem,1.5vw,1.12rem);font-weight:900;text-decoration:none;cursor:pointer}.deep-sea-result-restart-button{color:#171717;background:#fff;border:1px solid #dddddd;box-shadow:0 8px 18px #00000014}.deep-sea-result-action-button:focus-visible{outline:3px solid rgba(247,123,36,.34);outline-offset:3px}.deep-sea-result-action-button:hover{background:#e96e1c}.deep-sea-result-restart-button:hover{color:#fff}.deep-sea-result-copy-status{flex-basis:100%;min-height:1.5em;margin:0;color:#777;font-size:.9rem;text-align:center}.deep-sea-result-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 32px;margin-top:clamp(4px,1.5vw,12px);padding:clamp(16px,2.5vw,26px) 0;color:#666}.deep-sea-result-links a{display:inline-flex;align-items:center;gap:12px;color:inherit;border-radius:999px;font-size:clamp(.96rem,1.5vw,1.08rem);font-weight:900;text-decoration:none}.deep-sea-result-link-icon{flex:0 0 auto;width:42px;height:42px;padding:7px;color:#777;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000d}.deep-sea-result-links a:hover{color:#f77b24}.deep-sea-result-links a:focus-visible{outline:3px solid rgba(247,123,36,.34);outline-offset:3px}.deep-sea-result-links span{width:1px;height:22px;background:#e3e3e3}.deep-sea-share-page{display:grid;width:min(100%,480px)}.deep-sea-share-page>img{display:block;width:100%;height:auto;border-radius:18px;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.deep-sea-share-loading{margin:0;padding:28px;color:#8f9098;background:#07080a;border-radius:18px;font-weight:800;text-align:center}@media (max-width: 768px){.deep-sea-result-page{gap:16px}.deep-sea-result-hero,.deep-sea-result-section,.deep-sea-result-match{border-radius:20px}.deep-sea-result-hero{padding:28px 22px}.deep-sea-result-kicker{font-size:.78rem;line-height:1.45}.deep-sea-result-title-row{align-items:center;gap:12px}.deep-sea-result-title-row h1{font-size:clamp(2.35rem,11vw,2.625rem)}.deep-sea-result-code{min-height:36px;padding:6px 14px}.deep-sea-result-summary{padding-left:14px;font-size:clamp(1.12rem,5.2vw,1.38rem);border-left-width:5px}.deep-sea-result-section,.deep-sea-result-match{padding:24px 20px}.deep-sea-result-section h2,.deep-sea-result-match h2{margin-bottom:14px;font-size:clamp(1.12rem,5vw,1.28rem)}.deep-sea-result-section p,.deep-sea-result-match p,.deep-sea-result-section li{font-size:clamp(.96rem,4vw,1.05rem);line-height:1.75}.deep-sea-result-two-column{grid-template-columns:1fr;gap:18px}.deep-sea-result-ideal-detail{border-radius:20px}.deep-sea-result-ideal-detail-header{padding:24px 20px}.deep-sea-result-ideal-detail-grid{grid-template-columns:1fr;gap:14px;padding:18px}.deep-sea-result-ideal-detail-grid section{padding:18px;border-radius:16px}.deep-sea-result-two-column .deep-sea-result-section{min-height:auto}.deep-sea-result-action-button{width:100%;min-height:54px}.deep-sea-result-links{flex-direction:column;gap:12px;margin-top:0;padding:14px 0}.deep-sea-result-links span{width:min(100%,220px);height:1px}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171717;background:#f7f7f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;background:#f7f7f7}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;padding:clamp(16px,3vw,40px)}.app-shell-share{display:grid;gap:0;place-items:start center;padding:clamp(10px,2vw,24px) clamp(14px,3vw,32px) clamp(34px,6vw,72px);background:#07080a}.deep-sea-share-page{display:grid;justify-items:center;gap:14px;width:min(100%,900px)}.deep-sea-share-page img{display:block;width:min(100%,900px);height:auto}.deep-sea-share-hint,.deep-sea-share-loading{margin:0;text-align:center}.deep-sea-share-hint{max-width:min(100%,520px);color:#64656c;font-size:clamp(.74rem,1.1vw,.86rem);font-weight:600;line-height:1.6}.deep-sea-share-loading{color:#8f9098;font-size:.95rem}.site-header{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:clamp(16px,3vw,40px);width:calc(100% + clamp(32px,6vw,80px));margin:calc(clamp(16px,3vw,40px)*-1) calc(clamp(16px,3vw,40px)*-1) clamp(36px,6vw,78px);padding:12px clamp(20px,5vw,64px);background:#fffffff0;border-bottom:1px solid #e9e9e9;box-shadow:0 10px 28px #00000009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header-brand{display:inline-flex;flex:0 0 auto;align-items:center;justify-self:start;gap:14px;min-height:54px;color:#171717;border-radius:16px;font-size:clamp(1.08rem,1.8vw,1.32rem);font-weight:900;text-decoration:none;white-space:nowrap}.site-header-brand span{color:#c05a2b}.site-header-brand img{width:46px;height:46px;object-fit:contain;border-radius:10px}.site-header-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;justify-self:center;gap:clamp(10px,2vw,28px)}.site-header-nav a,.site-header-nav button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0;color:#3d3d3d;background:transparent;border:0;border-radius:10px;font-size:clamp(.9rem,1.25vw,1.04rem);font-weight:900;text-decoration:none;cursor:pointer}.site-header-nav a:hover,.site-header-nav button:hover{color:#c05a2b;background:transparent}.site-header-nav .is-active{color:#f77b24;background:transparent}.site-header-nav .is-active:after{position:absolute;right:22%;bottom:2px;left:22%;height:2px;content:"";background:currentColor;border-radius:999px}.site-header-brand:focus-visible,.site-header-nav a:focus-visible,.site-header-nav button:focus-visible,.site-header-submit:focus-visible,.site-section-card:focus-visible,.site-footer a:focus-visible,.site-footer button:focus-visible{outline:3px solid rgba(247,123,36,.34);outline-offset:3px}.site-header-submit{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;justify-self:end;gap:8px;min-width:118px;min-height:48px;padding:0 22px;color:#fff;background:#f77b24;border:0;border-radius:999px;box-shadow:0 14px 26px #f77b243d;font-size:.98rem;font-weight:900;cursor:pointer}.site-header-submit svg{width:22px;height:22px}.site-home-page,.site-simple-page{width:min(100%,1180px);margin:0 auto;color:#171717}.site-home-hero{display:grid;justify-items:center;padding:clamp(26px,5vw,70px) clamp(16px,4vw,48px) clamp(30px,4.5vw,58px);text-align:center}.site-home-kicker{margin:0 0 12px;color:#f77b24;font-size:clamp(.85rem,1.25vw,1rem);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.site-home-hero h1,.site-simple-page h1{max-width:1040px;margin:0;color:#151515;font-size:clamp(2.28rem,5.7vw,4.45rem);font-weight:900;line-height:1.08;letter-spacing:0;text-wrap:balance}.site-home-hero h1 span{color:#f77b24}.site-home-hero p:not(.site-home-kicker),.site-simple-page p:not(.site-home-kicker){max-width:780px;margin:clamp(12px,2vw,20px) 0 0;color:#686868;font-size:clamp(1.06rem,1.9vw,1.42rem);font-weight:850;line-height:1.7}.site-coming-soon-toast{position:fixed;z-index:60;max-width:min(220px,calc(100vw - 32px));padding:10px 14px;color:#2d2d2d;background:#fffffffa;border:1px solid #ececec;border-radius:14px;box-shadow:0 14px 34px #00000024;font-size:.92rem;font-weight:850;line-height:1.35;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));animation:site-toast-in .18s ease-out}@keyframes site-toast-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px))}to{opacity:1;transform:translate(-50%,calc(-100% - 12px))}}.site-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,34px);padding:0 0 clamp(44px,7vw,88px)}.site-section-card{position:relative;display:grid;align-content:start;gap:18px;min-height:clamp(250px,24vw,310px);padding:clamp(28px,4.2vw,42px);text-align:left;background:#fff;border:1px solid #e8e8e8;border-radius:24px;box-shadow:0 12px 24px #0000000d;text-decoration:none}.site-section-card-open{color:#171717}.site-section-card-open:hover{border-color:#ffd1b0;box-shadow:0 18px 36px #f77b241f;transform:translateY(-2px)}.site-section-card-disabled{width:100%;color:#777;background:#fbfbfb;cursor:pointer;opacity:.72}.site-section-glyph{display:inline-grid;place-items:center;width:clamp(58px,7vw,74px);height:clamp(58px,7vw,74px);border-radius:18px}.site-section-glyph svg{width:38px;height:38px}.site-section-glyph-beacon{color:#4f83f1;background:#eef3ff}.site-section-glyph-community{color:#9b5cf6;background:#f2eaff}.site-section-glyph-creation{color:#f77b24;background:#fff2e8}.site-section-glyph-cat{color:#4fb8a8;background:#eaf8f5}.site-section-arrow{position:absolute;top:clamp(28px,4.2vw,42px);right:clamp(28px,4.2vw,42px);display:inline-grid;place-items:center;width:46px;height:46px;color:#686868;background:#f4f4f4;border-radius:50%}.site-section-arrow svg{width:24px;height:24px}.site-section-card h2{margin:clamp(18px,3vw,28px) 0 0;color:inherit;font-size:clamp(1.45rem,2.55vw,2.05rem);font-weight:900;line-height:1.2}.site-section-card p{margin:0;color:#666;font-size:clamp(.96rem,1.45vw,1.08rem);font-weight:720;line-height:1.75}.site-section-status{justify-self:start;padding:5px 11px;border-radius:999px;font-size:.78rem;font-weight:900}.site-section-status-open{color:#b94f11;background:#ffe2cc}.site-section-status-coming-soon{color:#777;background:#eee}.site-simple-page{display:grid;justify-items:center;padding:clamp(40px,8vw,94px) clamp(16px,4vw,48px);text-align:center}.community-page{display:grid;gap:clamp(36px,6vw,72px);width:min(100%,1180px);margin:0 auto;color:#171717}.community-hero{display:grid;justify-items:center;gap:14px;padding:clamp(34px,7vw,76px) clamp(16px,4vw,48px) clamp(8px,2vw,18px);text-align:center}.community-logo{width:clamp(68px,8vw,92px);height:auto;object-fit:contain;border-radius:18px;box-shadow:0 14px 30px #c05a2b1a}.community-kicker{margin:0;color:#c05a2b;font-size:clamp(2rem,5vw,3.4rem);font-weight:900;line-height:1.08}.community-hero h1{margin:0;color:#171717;font-size:clamp(1.55rem,3.2vw,2.7rem);font-weight:900;line-height:1.15}.community-hero p:last-child{margin:0;color:#8a8a8a;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:800;line-height:1.7}.community-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,42px)}.community-card{display:grid;gap:clamp(20px,3vw,30px);padding:clamp(24px,4vw,42px);background:#fff;border:1px solid #ededed;border-radius:26px;box-shadow:0 16px 38px #0000000e}.community-card-header{display:grid;gap:12px;text-align:center}.community-card h2{margin:0;color:#171717;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:900;line-height:1.18}.community-card p{margin:0;color:#666;font-size:clamp(.98rem,1.45vw,1.08rem);font-weight:720;line-height:1.75}.community-qr-frame{display:grid;place-items:center;width:min(100%,360px);margin:0 auto;padding:clamp(10px,2vw,16px);background:#fff8fb;border:1px solid #f4e7ee;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffffbf}.community-qr-frame img{display:block;width:100%;height:auto;border-radius:16px}.community-identifier{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin:0;color:#2d1839}.community-identifier dt,.community-identifier dd{margin:0;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:900;line-height:1.4}.community-identifier dd{color:#8a6f98;letter-spacing:.02em}.community-join-hint{color:#2d1839!important;text-align:center}.community-note{display:grid;gap:16px;width:min(100%,760px);margin:0 auto;padding:clamp(24px,4vw,38px) 0 clamp(20px,4vw,40px);border-top:1px solid #e6e6e6;text-align:center}.community-note p{margin:0;color:#6d6d6d;font-size:clamp(1rem,1.5vw,1.12rem);font-weight:780;line-height:1.8}.site-footer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(160px,.5fr) minmax(260px,.7fr);gap:clamp(28px,5vw,70px);width:calc(100% + clamp(32px,6vw,80px));margin:clamp(34px,6vw,70px) calc(clamp(16px,3vw,40px)*-1) 0;padding:clamp(42px,6vw,64px) clamp(20px,5vw,64px) 0;color:#747474;background:#f1f1f1;border-top:1px solid #e4e4e4}.site-footer-brand{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.site-footer-brand img{flex:0 0 auto;width:72px;height:72px;object-fit:contain;border-radius:12px}.site-footer h2{margin:0 0 12px;color:#171717;font-size:clamp(1rem,1.45vw,1.15rem);font-weight:900}.site-footer-brand h2{color:#c05a2b}.site-footer p,.site-footer a,.site-footer button{margin:0;color:#747474;font-size:clamp(.82rem,1.25vw,.92rem);font-weight:720;line-height:1.7;text-decoration:none}.site-footer button{padding:0;text-align:left;background:transparent;border:0;cursor:pointer}.site-footer-nav,.site-footer-compliance{display:grid;align-content:start;gap:10px}.site-footer a:hover,.site-footer button:hover{color:#b94f11}.site-footer-legal{max-width:330px;margin-top:18px!important;color:#8a8a8a!important}.site-footer-copyright{padding:22px 0;border-top:1px solid #dedede}.site-footer-slogan{grid-column:2 / -1;align-self:center;padding:22px 0;border-top:1px solid #dedede;text-align:right}.deep-sea-brand-logo{display:block;width:clamp(82px,10vw,124px);height:auto;object-fit:contain}.intro-logo,.deep-sea-reference-logo,.deep-sea-empty-logo{margin-bottom:clamp(14px,2.5vw,22px)}.deep-sea-global-footer{width:min(100%,1040px);margin:clamp(28px,5vw,52px) auto 0;color:#8a8a8a;font-size:clamp(.76rem,1.3vw,.9rem);font-weight:650;line-height:1.7;text-align:center}.deep-sea-global-footer-dark{color:#666871}.intro-page{display:grid;justify-items:center;width:min(100%,1040px);margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,44px) clamp(48px,7vw,84px);color:#171717;text-align:center}.intro-page h1{max-width:760px;margin:0;color:#151515;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:900;line-height:1.05;letter-spacing:0;text-wrap:balance}.intro-kicker,.deep-sea-page-kicker{margin:0 0 14px;color:#f77b24;font-size:clamp(.78rem,1.2vw,.9rem);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.intro-subtitle{margin:clamp(14px,2vw,20px) 0 0;color:#606060;font-size:clamp(1.08rem,2vw,1.5rem);font-weight:900;line-height:1.5}.intro-lede{max-width:780px;margin:clamp(28px,4vw,44px) 0 0;color:#6a6a6a;font-size:clamp(1rem,1.7vw,1.5rem);font-weight:800;line-height:1.65}.intro-start-button{min-width:min(100%,320px);min-height:62px;margin-top:clamp(44px,7vw,76px);padding:0 34px;color:#fff;background:#f77b24;border:0;border-radius:999px;box-shadow:0 18px 30px #f77b2438;font-size:clamp(1.08rem,2vw,1.38rem);font-weight:900;cursor:pointer}.intro-start-button:hover{background:#ee721d}.intro-start-button:focus-visible,.intro-links a:focus-visible{outline:3px solid rgba(247,123,36,.34);outline-offset:3px}.intro-duration{margin:18px 0 0;color:#6d6d6d;font-size:clamp(.94rem,1.5vw,1.12rem);font-weight:800}.intro-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 30px;margin-top:clamp(38px,6vw,58px);color:#666}.intro-links a{display:inline-flex;align-items:center;gap:12px;color:inherit;border-radius:999px;font-size:clamp(.98rem,1.6vw,1.18rem);font-weight:900;text-decoration:none}.intro-entry-icon{flex:0 0 auto;width:42px;height:42px;color:#777;padding:7px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000d}.intro-divider{width:2px;height:26px;background:#e3e3e3}.intro-notice{width:min(100%,820px);margin-top:clamp(44px,6vw,64px);padding-top:clamp(28px,4vw,40px);border-top:1px solid #e8e8e8;color:#666;text-align:left}.intro-notice h2{margin:0 0 20px;color:#666;font-size:clamp(.94rem,1.5vw,1.08rem);line-height:1.6;letter-spacing:0}.intro-notice p{margin:0 0 12px;color:#666;font-size:clamp(.88rem,1.45vw,1rem);font-weight:700;line-height:1.8}.intro-notice strong{color:#5d5d5d;font-weight:900}.intro-notice .intro-privacy-label{color:#f77b24}.deep-sea-empty-state,.deep-sea-reference-page{width:min(100%,1040px);margin:0 auto;color:#171717}.deep-sea-empty-state{display:grid;justify-items:center;padding:clamp(44px,8vw,90px) clamp(18px,4vw,42px);text-align:center}.deep-sea-empty-state h1,.deep-sea-reference-hero h1{max-width:840px;margin:0;color:#151515;font-size:clamp(2.1rem,4.4vw,3.45rem);font-weight:900;line-height:1.1;letter-spacing:0;text-wrap:balance}.deep-sea-empty-state p:not(.deep-sea-page-kicker),.deep-sea-reference-hero>p:not(.deep-sea-page-kicker){max-width:760px;margin:clamp(12px,2vw,20px) 0 0;color:#666;font-size:clamp(1rem,1.6vw,1.18rem);font-weight:750;line-height:1.75}.deep-sea-reference-page{display:grid;gap:clamp(24px,4vw,40px)}.deep-sea-reference-hero{display:grid;justify-items:center;gap:0;padding:clamp(28px,4.5vw,56px) clamp(18px,5vw,56px) clamp(24px,3.8vw,44px);text-align:center}.deep-sea-reference-hero-return{display:inline-flex;align-items:center;justify-content:center;min-width:min(100%,180px);min-height:48px;margin-top:clamp(18px,2.4vw,26px);padding:0 26px;color:#fff;background:#f77b24;border-radius:999px;box-shadow:0 12px 24px #f77b242e;font-size:clamp(.94rem,1.35vw,1.04rem);font-weight:900;text-decoration:none}.deep-sea-reference-section-intro,.deep-sea-reference-empty-prompt{width:min(100%,860px);margin:0 auto;text-align:center}.deep-sea-reference-section-intro h2{margin:0;color:#171717;font-size:clamp(1.8rem,3.8vw,3rem);font-weight:900;line-height:1.15}.deep-sea-reference-section-intro p,.deep-sea-reference-empty-prompt p{margin:14px 0 0;color:#666;font-size:clamp(.98rem,1.55vw,1.12rem);font-weight:750;line-height:1.75}.deep-sea-reference-empty-prompt{display:grid;justify-items:center;padding:clamp(22px,4vw,34px);background:#fff;border:1px solid #eeeeee;border-radius:24px;box-shadow:0 14px 34px #0000000a}.deep-sea-reference-empty-prompt a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:18px;padding:0 24px;color:#f77b24;background:#fff2e8;border:1px solid #ffd1b0;border-radius:999px;font-size:.98rem;font-weight:900;text-decoration:none}.deep-sea-reference-bottom-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px;width:min(100%,760px);margin:0 auto;padding-top:clamp(4px,1vw,10px)}.deep-sea-reference-bottom-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:min(100%,220px);min-height:54px;padding:0 28px;border-radius:999px;font-size:clamp(.98rem,1.5vw,1.1rem);color:#f77b24;font-weight:900;text-decoration:none}.deep-sea-reference-bottom-primary{color:#fff!important;background:#f77b24;border:1px solid #f77b24;box-shadow:0 14px 24px #f77b2433}.deep-sea-reference-bottom-secondary{background:#fff2e8;border:1px solid #ffd1b0}.deep-sea-reference-bottom-nav a:focus-visible,.deep-sea-reference-hero-return:focus-visible,.deep-sea-reference-empty-prompt a:focus-visible,.deep-sea-back-to-top:focus-visible{outline:3px solid rgba(247,123,36,.34);outline-offset:3px}.deep-sea-test-notice{width:min(100%,820px);margin:0 auto;padding:clamp(24px,4vw,34px);color:#666;background:#fff;border:1px solid #eeeeee;border-radius:22px;box-shadow:0 14px 34px #0000000d}.deep-sea-test-notice h2{margin:0 0 18px;color:#555;font-size:clamp(1rem,1.6vw,1.18rem);font-weight:900;line-height:1.5}.deep-sea-test-notice dl{display:grid;gap:10px;margin:0}.deep-sea-test-notice div{color:#666;font-size:clamp(.86rem,1.35vw,.98rem);font-weight:700;line-height:1.75}.deep-sea-test-notice dt,.deep-sea-test-notice dd{display:inline}.deep-sea-test-notice dt{color:#5d5d5d;font-weight:900}.deep-sea-test-notice dt:after{content:"："}.deep-sea-test-notice dd{margin:0}.deep-sea-test-notice div:last-child dt{color:#f77b24}.deep-sea-back-to-top{position:fixed;right:clamp(16px,2.5vw,24px);bottom:calc(clamp(18px,2.5vw,24px) + env(safe-area-inset-bottom));display:inline-grid;place-items:center;width:48px;height:48px;padding:0;color:#fff;background:#171717;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 14px 30px #0003;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease;z-index:20}.deep-sea-back-to-top.is-visible{opacity:.9;pointer-events:auto;transform:translateY(0)}.deep-sea-back-to-top:hover{opacity:1}.deep-sea-back-to-top svg{width:24px;height:24px;fill:currentColor}.deep-sea-profile-grid{display:grid;gap:clamp(24px,4vw,40px)}.deep-sea-profile-report,.deep-sea-dimension-card{background:#fff;border:1px solid #eeeeee;border-radius:28px;box-shadow:0 18px 38px #0000000f}.deep-sea-profile-report{display:grid;gap:clamp(22px,4vw,34px);padding:clamp(24px,4.5vw,44px)}.deep-sea-profile-report-featured{border-color:#ffd1b0;box-shadow:0 18px 42px #f77b241a}.deep-sea-profile-report-compact{gap:clamp(18px,3vw,28px)}.deep-sea-profile-report-compact .deep-sea-profile-report-header h2{font-size:clamp(1.95rem,4vw,3rem)}.deep-sea-profile-report-header{display:grid;gap:14px;padding-bottom:clamp(18px,3vw,28px);border-bottom:1px solid #eeeeee}.deep-sea-profile-report-header p{margin:0;color:#a5653b;font-size:clamp(.82rem,1.25vw,.94rem);font-weight:900;line-height:1.5}.deep-sea-profile-report-header h2{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;color:#171717;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;line-height:1.08}.deep-sea-profile-report-header h2 span{display:inline-flex;padding:6px 14px;color:#b94f11;background:#ffe2cc;border-radius:999px;font-size:.48em;letter-spacing:.08em}.deep-sea-profile-report-header strong{color:#d46a08;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.5}.deep-sea-profile-report-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,26px)}.deep-sea-profile-report-layout>.deep-sea-result-ideal-detail{grid-column:1 / -1}.deep-sea-profile-module{display:grid;align-content:start;gap:14px;padding:clamp(20px,3.2vw,30px);background:#fff;border:1px solid #eeeeee;border-radius:22px}.deep-sea-profile-module-wide{grid-column:1 / -1}.deep-sea-profile-module h3{margin:0;color:#171717;font-size:clamp(1.08rem,1.8vw,1.35rem);font-weight:900;line-height:1.35}.deep-sea-profile-module h3:before{display:inline-block;width:7px;height:24px;margin-right:10px;vertical-align:-5px;background:#f77b24;border-radius:999px;content:""}.deep-sea-profile-module p,.deep-sea-profile-module li,.deep-sea-dimension-card p,.deep-sea-dimension-card dd{margin:0;color:#5f5f5f;font-size:clamp(.96rem,1.45vw,1.08rem);font-weight:700;line-height:1.8}.deep-sea-profile-module ul{display:grid;gap:10px;margin:0;padding-left:1.15em}.deep-sea-profile-module-strengths h3{color:#0aa678}.deep-sea-profile-module-strengths h3:before{background:#10b981}.deep-sea-profile-module-weaknesses h3{color:#e11d48}.deep-sea-profile-module-weaknesses h3:before{background:#f43f5e}.deep-sea-profile-module-daily h3{color:#b66a05}.deep-sea-profile-module-daily h3:before{background:#f59e0b}.deep-sea-profile-module-match{background:#fbfbff;border-color:#e1e1ff}.deep-sea-profile-module-match h3{color:#554cf5}.deep-sea-profile-module-match h3:before{background:#6366f1}.deep-sea-profile-module-ideal-detail{padding:0;background:#fffdfb;border:1px solid #dcd9ff;overflow:hidden;box-shadow:inset 0 0 0 1px #6366f10a}.deep-sea-profile-module-ideal-detail h3{margin:0;color:#4438ca}.deep-sea-profile-module-ideal-detail h3:before{background:#6366f1}.deep-sea-profile-module-ideal-detail>h3{padding:clamp(20px,3vw,28px) clamp(20px,3.5vw,32px);background:#f6f5ff;border-bottom:1px solid #e4e2ff}.deep-sea-profile-ideal-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,24px);padding:clamp(20px,3.5vw,32px)}.deep-sea-profile-ideal-detail-grid section{display:grid;align-content:start;gap:10px;min-width:0;padding:clamp(18px,2.6vw,24px);background:#fff;border:1px solid #efefff;border-radius:18px}.deep-sea-profile-ideal-detail-grid h4{margin:0;color:#171717;font-size:clamp(.98rem,1.55vw,1.1rem);font-weight:900;line-height:1.4}.deep-sea-profile-ideal-detail-grid p,.deep-sea-profile-ideal-detail-grid li{margin:0;color:#5f5f5f;font-size:clamp(.94rem,1.38vw,1.04rem);font-weight:700;line-height:1.8}.deep-sea-profile-ideal-detail-grid ul{display:grid;gap:8px;margin:0;padding-left:1.15em}.deep-sea-profile-ideal-detail-wide{grid-column:1 / -1}.deep-sea-dimension-list{display:grid;gap:clamp(28px,4.5vw,48px)}.deep-sea-personal-dimensions{display:grid;gap:clamp(18px,3.2vw,28px);padding:clamp(22px,3.8vw,36px);background:#fffaf6;border:1px solid #ffd1b0;border-radius:28px;box-shadow:0 18px 42px #f77b2414}.deep-sea-personal-dimensions-header{display:grid;gap:10px;padding-bottom:clamp(16px,3vw,24px);border-bottom:1px solid #ffe1cc;text-align:center}.deep-sea-personal-dimensions-header p{margin:0;color:#f77b24;font-size:clamp(.82rem,1.25vw,.94rem);font-weight:900;letter-spacing:.12em}.deep-sea-personal-dimensions-header h2{margin:0;color:#171717;font-size:clamp(2rem,4.5vw,3.35rem);font-weight:900;line-height:1.1}.deep-sea-personal-dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,24px)}.deep-sea-personal-dimension-card{display:grid;grid-template-columns:auto 1fr;gap:18px 20px;align-content:start;padding:clamp(20px,3.5vw,30px);background:#fff;border:1px solid #eeeeee;border-radius:24px;box-shadow:0 12px 28px #0000000b}.deep-sea-personal-dimension-symbol{display:inline-grid;place-items:center;width:clamp(58px,7vw,72px);height:clamp(58px,7vw,72px);color:#f77b24;background:#fff2e8;border-radius:18px;font-size:clamp(1.85rem,3.4vw,2.6rem);font-weight:900}.deep-sea-personal-dimension-card h3,.deep-sea-personal-dimension-card strong{margin:0;line-height:1.35}.deep-sea-personal-dimension-card h3{color:#171717;font-size:clamp(1.08rem,1.9vw,1.32rem);font-weight:900}.deep-sea-personal-dimension-card strong{display:block;margin-top:6px;color:#f77b24;font-size:clamp(1rem,1.6vw,1.12rem);font-weight:900}.deep-sea-personal-dimension-card dl{display:grid;grid-column:1 / -1;gap:18px;margin:4px 0 0}.deep-sea-personal-dimension-card dt{margin-bottom:6px;color:#171717;font-size:clamp(.88rem,1.25vw,.96rem);font-weight:900}.deep-sea-personal-dimension-card dd,.deep-sea-personal-dimension-flux-note{margin:0;color:#5f5f5f;font-size:clamp(.95rem,1.4vw,1.04rem);font-weight:700;line-height:1.8}.deep-sea-personal-dimension-flux-note{padding:clamp(18px,3vw,26px);background:#fff;border:1px solid #eeeeee;border-radius:20px}.deep-sea-dimension-card{display:grid;gap:clamp(22px,4vw,36px);padding:clamp(24px,4vw,46px)}.deep-sea-dimension-card-header{display:grid;justify-items:center;gap:14px;text-align:center}.deep-sea-dimension-card-header p{color:#171717;font-size:clamp(2rem,5vw,3.25rem);font-weight:900;line-height:1.1;text-wrap:balance}.deep-sea-dimension-card-header h2{margin:0;color:#f77b24;font-size:clamp(1.18rem,2.5vw,1.75rem);font-weight:900;line-height:1.3}.deep-sea-dimension-card-header strong{max-width:820px;color:#5f5f5f;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.7}.deep-sea-dimension-poles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,3vw,22px)}.deep-sea-dimension-poles section{display:grid;gap:clamp(18px,3vw,26px);padding:clamp(22px,4vw,38px);background:#fff;border:1px solid #eeeeee;border-radius:26px;box-shadow:0 14px 32px #0000000d}.deep-sea-dimension-side-heading{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding-bottom:22px;border-bottom:1px solid #eeeeee}.deep-sea-dimension-side-heading span{display:inline-grid;place-items:center;width:clamp(58px,8vw,78px);height:clamp(58px,8vw,78px);color:#b94f11;background:#ffe2cc;border-radius:20px;font-size:clamp(2rem,4vw,3rem);font-weight:900}.deep-sea-dimension-side-heading h3{margin:0;color:#171717;font-size:clamp(1.45rem,2.8vw,2.25rem);font-weight:900;line-height:1.1}.deep-sea-dimension-side-heading p{margin-top:8px;color:#d46a08;font-size:clamp(.98rem,1.5vw,1.12rem);font-weight:900}.deep-sea-dimension-poles dl{display:grid;gap:22px;margin:0}.deep-sea-dimension-poles dt{margin-bottom:8px;color:#171717;font-size:clamp(.92rem,1.3vw,1rem);font-weight:900;line-height:1.5}@media (max-width: 768px){.app-shell{padding:16px}.site-header{display:flex;position:static;align-items:stretch;flex-direction:column;width:calc(100% + 32px);margin:-16px -16px 18px;padding:12px;border-radius:0}.site-header-brand{justify-content:center;justify-self:center}.site-header-nav{justify-content:center;justify-self:center;margin-left:0}.site-header-nav a,.site-header-nav button{min-height:36px;padding:0 10px}.site-header-submit{align-self:center;justify-self:center;min-height:44px}.site-home-hero{padding:22px 0 28px}.site-home-hero h1,.site-simple-page h1{font-size:clamp(2rem,9.2vw,2.5rem)}.site-section-grid{grid-template-columns:1fr}.community-page{gap:30px}.community-hero{padding:26px 0 0}.community-card-grid{grid-template-columns:1fr;gap:20px}.community-card{gap:18px;padding:22px 18px;border-radius:22px}.community-qr-frame{width:min(100%,310px);border-radius:20px}.community-note{padding:22px 0 10px}.site-section-card{min-height:auto;padding:22px 18px 24px;border-radius:20px}.site-section-arrow{top:22px;right:18px;width:40px;height:40px}.site-footer{grid-template-columns:1fr;width:calc(100% + 32px);margin-right:-16px;margin-left:-16px;padding:34px 18px 0;text-align:center}.site-footer-brand{align-items:center;flex-direction:column}.site-footer button{text-align:center}.site-footer-legal{max-width:none}.site-footer-copyright,.site-footer-slogan{grid-column:1;padding:14px 0;text-align:center}.site-footer-slogan{border-top:0}.intro-page{padding:28px 0 48px}.intro-page h1{max-width:100%;font-size:clamp(2rem,9.6vw,2.5rem);line-height:1.12}.intro-kicker{margin-bottom:10px}.deep-sea-brand-logo{width:78px}.intro-subtitle{font-size:clamp(1rem,4vw,1.18rem)}.intro-lede{max-width:36rem;margin-top:24px;font-size:clamp(.98rem,4vw,1.08rem);line-height:1.7}.intro-start-button{width:min(100%,300px);min-height:56px;margin-top:40px;padding:0 24px}.intro-links{align-items:stretch;flex-direction:column}.intro-divider{width:min(100%,220px);height:1px}.intro-notice{margin-top:44px}.deep-sea-empty-state,.deep-sea-reference-page{width:100%}.deep-sea-empty-state{padding:32px 0 48px}.deep-sea-empty-state h1,.deep-sea-reference-hero h1{font-size:clamp(2rem,9vw,2.55rem)}.deep-sea-reference-hero{padding:24px 0 18px}.deep-sea-profile-grid,.deep-sea-profile-report-layout,.deep-sea-dimension-poles,.deep-sea-personal-dimension-grid,.deep-sea-profile-ideal-detail-grid{grid-template-columns:1fr}.deep-sea-profile-report,.deep-sea-dimension-card{border-radius:20px}.deep-sea-profile-report{padding:22px 18px}.deep-sea-personal-dimensions{padding:22px 18px;border-radius:20px}.deep-sea-personal-dimension-card{grid-template-columns:1fr;padding:20px 18px}.deep-sea-profile-report-header h2{font-size:clamp(1.9rem,9vw,2.55rem)}.deep-sea-profile-report-header h2 span{font-size:.5em}.deep-sea-profile-module,.deep-sea-dimension-card{padding:22px 18px}.deep-sea-profile-module-ideal-detail{padding:0}.deep-sea-dimension-card-header p{font-size:clamp(1.8rem,8vw,2.45rem)}.deep-sea-dimension-side-heading{grid-template-columns:1fr;justify-items:start}.deep-sea-reference-bottom-nav,.deep-sea-reference-bottom-nav a{width:100%}.deep-sea-test-notice{padding:22px 18px;border-radius:18px}.deep-sea-back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:44px;height:44px}}